基于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，启动并挂载路由。