基于vuejs1的vue-router简单入门
首先得明白一点,vue-router2只能用于vuejs2,vue-router1只能用于vuejs1,不要错用。
安装vuejs官方脚手架
vue init webpack#1.0 routerTest
cd routerTest
更改package.json文件,加入vue-router
npm install
npm run dev
npm run dev 后的页面
此时的目录结构
更改app.vue,把vue官方的代码删掉,换成自己的,代码参考github
这时的运行结果
新建我们自己的组件list1 list2 list3,在components文件夹下仿照hello.vue建立三个组件.
自己新建router.config.js文件
在main.js里面加载router.config.js,启动并挂载路由。