vue-router路由配置

1.配置路由

在這裏插入圖片描述
首先我們要引入vue和路由的插件,引入了插件之後就是要安裝插件。vue裏面安裝插件基本都是使用use,然後我們要創建Vuerouter對象,還有就是要配置路由和組件之間的應用關係。最後將router對象傳入到vue實例就可以了。

2.配置路由

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
首先我們要在component裏面創建我們的vue,然後再在vue裏面寫好內容後導出。再在我們需要配置的js裏面導入,然後給配置路由。方法如上圖。
在這裏插入圖片描述
最後我們還要在我們的APP.vue裏面用router-link進行它們之間的鏈接,其實router-link就相當於一個a標籤,to就是跳轉到需要填轉的地方。router-view則是將router-link需要展示的東西給展示出來。基本上給vue配置路由就是以上我所說的種種條件。配置好了就可以使用路由。

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