最近在學習vue,剛好學到vue-router，按照視頻敲的代碼，就是沒有出現想要的頁面。最後上網查了下，才知道原因。
一：vue-router的安裝：
方式1：在 初始化目錄的時候,vue會提醒你安裝vue-router，可以在這
個時候安裝vue-loader
方式2：在終端進入項目，輸入 npm install vue-router –save 也會安
裝vue-router
二：vue-router的使用:
1.一般會在入口的js文件(main.js)中引入vue-router：import Router
from “vue-router”
2.在main.js中使用vue-router：Vue.use(Router)
3.在main.js中實例化vue-router這個構造函數：
var router = new Router({
routes：[ //注意這是是routes，不是routers，少了r
{
path：’/’ , //代表根目錄
component：Hello //以引入Hello.js爲例
},
{
path：’/apple.vue’ , //路徑
component：Apple //跳轉的組件(該組件需要引入到
main.js)
}
]
})
4.添加vue-router到vue實例中：
var vm = new Vue({
el:”#app”，
router：router, //將vue-router添加到Vue的實例中
……..
})
5.定義vue-router顯示的位置：在App.vue的模版文件中插入標籤：
loacalhost:8080/#/apple 就會進入到Apple組件的這個頁面