vue爬坑之路1 路由跳轉全新頁面以及二級頁面配置

2022-08-09 12:27:14 字數 1121 閱讀 5947

之前也在網找了一些答案,比較零碎,特此總結下,廢話不多說,直接上乾貨!

路由跳轉全新頁面

在router的index.js中引入login首頁模板,配置首頁模板路由

再在main.js中配置預設展示頁面

在login.vue中配置點選事件,新增跳轉路由,則跳轉到subject頁面,subject元件也需要像login頁面一樣在router中的index.js中配置路由,則跳轉全新頁面則已完成。

二級路由配置

配置二級頁面之前遇到的原因

二級頁面的巢狀

因為之前我們登入頁面跳轉到到了subject模板頁面,所以在subject模板中要進行當前頁面路由跳轉,就應該將左側導航的路由配置成subject模板的子路由,如圖所示,則點選導航,內容就顯示在右側,不會再跳轉全新的頁面。

在做此專案之前也搗鼓了vue一段時間,但是真正做專案時又出現了很多問題,技術在於實踐,可能寫的不是很到位,一些原理講的不是很清楚,希望大牛看到了勿噴,以後如果有更深入的理解,會加以改正,也希望理解比較深入的小夥伴提出意見,希望大家都能共同進步!

Vue學習之路 3 路由

在乙個系統中,一般會由很多頁面組成,當乙個頁面要跳轉到另外乙個頁面的時候是通過改變url路徑來實現的,這個時候vue需要知道當前url對應的那個元件頁面,這個控制者就是vue router。使用vue router需要載入vue router.js。csdn資源 布局 主頁資訊 設定元件html頁面...

WEBAPI學習之路(1) 路由

每乙個做後端的程式猿必須知道的http服務,所以webapi是.net軟體開發工程師必須會的,在這裡留下我學習webapi的一些心得和體會,我們從最基礎的一點一點學習。從mvc到webapi,路由機制一直是伴隨著這些技術的乙個重要組成部分。webapi的學習最基礎也是第乙個應該學習的就應該是weba...

vue2 0路由變化1

路由的步驟 1.定義元件 var home var news 2.配置路由 const routes 3.生成路由例項 const router new vuerouter 量不大時二三步可以合併 4.掛到vue上 new vue vue2.0的改變 1.巢狀使用方式的改變 const routes...