基于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,啟動并掛載路由。