vue学习笔记——路由
生活随笔
收集整理的這篇文章主要介紹了
vue学习笔记——路由
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1 路由配置
在vue.config中配置,則在代碼中可以使用 @來表示src目錄下
import aa from '@/aa/index.js'2 單頁面可以懶加載
?
3 創建動態路由 路由中定義:(加載同一個組件頁面 argu.vue,根據不同的name 顯示不同的東西)
Vue組件中獲取數據:
$route.parmas.name4 命名路由,也就是給路由設置名稱,在同一個頁面加載不同的路由? ? ?比如說公共的頭部導航欄組件 不用在每個頁面中引入,而是可以使用命名視圖的方式在路由中定義,如果某個頁面不存在,則在路由配置文件中修改配置信息,不添加組件信息即可,詳見下面的文章:
vue-router命名視圖的意義
路由配置,注意有s:
頁面中引用:
?
5 路由重定向
Vue的路由動態重定向和導航守衛
?6 js控制路由:
?
帶參數:
?
轉載于:https://www.cnblogs.com/xiaozhumaopao/p/10625601.html
總結
以上是生活随笔為你收集整理的vue学习笔记——路由的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: MySql 踩坑小记
- 下一篇: redis-rdb-tool 工具介绍