關於 vue路由初識(子路由)

2021-09-26 21:29:38 字數 432 閱讀 9950

今天學習了簡單的路由,和children  子路由的用法,大致可以總結為,假如我們在做乙個帶有底部導航的移動端專案可以這樣寫

routes: [,,

,],

},

其中path為『/』的為根目錄,下面用了children 是因為在跳轉路由一級頁時,底部導航需要一直存在,所以可以採用路由掛載的方式,在『/』這個頁面中 加入,底部導航也寫在這個頁。這樣的話 在跳轉時底部導航就會一直存在,

但是當我們跳轉二級頁時底部導航不需要了怎麼辦呢,這個時候需要註冊路由的時候和上面的path同級建立。底部導航自然就不會在跳轉路由的時候載入了

routes: [,,

,],

},// 我的二級頁

記錄到這裡,如果有大佬發現問題請一定要指正我,新手上路感恩。

vue路由配置,vue子路由配置

現在乙個專案已經部署完成,接下來我們從路由開始!還記得在初始化專案的時候,有提示是否需要安裝vue router,對沒錯,vue中路由全靠它!首先找到路由配置檔案 router index.js,是整個專案路由配置檔案 首先看最上面的,這個模組引入,es2015中的import.from.將你需要配...

Vue路由中的子路由學習

1 建立乙個首頁元件,並通過路由在根例項中顯示 router view div var router new vuerouter 路由當中的回退 可以在元件當中新增a標籤 prevent修飾可以阻止a標籤本身的跳轉重新整理 回退a 然後在對應的元件中新增方法 methods 預設路由 當所有的路由規...

Vue路由(vue router)03(子路由)

對於單頁面的vue應用,子路由的配置可能是必不可少的,其實vue的子路由配置很簡單。這篇文章是基於上一片文章 路由配置02 的。示例需求,早footer.vue模組中配置子路由 示例檔案footer01.vue和footer02.vue 1.在components資料夾下新建乙個children資料...