vue-cli中路由的使用

  當我們新建一個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:''

            })

            就是用來啓動路由的,

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章