當我們新建一個vue項目時,這是我們的目錄結構,我這裏是用的是webpack模板,如果你們用的是weboack-simple的話,可能就沒有router目錄,和config目錄,
1.使用webpack目錄新建的項目使用路由的方式相對簡單
默認項目是在compnents目錄下直接存在一個.vue文件,但在實際開發中,這種項目目錄是有問題的,我們可以在comonents目錄下,簡歷組件目錄,組件下新建.vue,將這個組件所需要的資源放在對應的目錄下,方便我們的管理,
2.router/index.js的使用
用import方式引入組件,然後再router中配置即可
html頁面
router-link會被編譯成a標籤,router-view是路由顯示的容器
除了使用router-link來啓動路由,我們也可以在js中啓動
this.$router.push({
name:''
})
就是用來啓動路由的,