vue之如何配置默認顯示頁面和默認路由
更新時間：2023年06月29日 08:39:01 作者：咬緊牙關i
這篇文章主要介紹了vue之如何配置默認顯示頁面和默認路由問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue配置默認顯示頁面和默認路由
在router文件夾中的index.js中配置
const routes = [
{
//沒寫就是任意路由都是定向這個
path:'',
//重定向
redirect:'/xxx'
}
]vue中的路由以及默認路由跳轉
參考網站：Vue Router 。
vue路由配置：
方法一
1、安裝
npm install vue-router ?--save ? / cnpm install vue-router ?--save
2、引入并 Vue.use(VueRouter) (main.js)
import VueRouter from 'vue-router' Vue.use(VueRouter)
3、創(chuàng)建組件
4、配置路由
5、實例化VueRouter 注意：名字
6、掛載
整個main.js
7、根組件的模板里面放上這句話 <router-view></router-view>
8、路由跳轉
方法二
1、在main.js中引用
2、在router文件夾中的index.js中配置路由
3、app.vue中添加路由占位符
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue3使用withDefaults和defineProps設置默認值的操作指南
文章詳細比較了Vue3中使用defineProps和withDefaults設置props默認值的優(yōu)缺點,defineProps簡潔但代碼臃腫,withDefaults分離定義與默認值設置,提高可讀性,且默認值不會丟失,但代碼分散,適用于復雜組件和動態(tài)生成默認值,促進代碼復用和維護,需要的朋友可以參考下2026-05-05
vue?button的@click方法無效鉤子函數沒有執(zhí)行問題
這篇文章主要介紹了vue?button的@click方法無效鉤子函數沒有執(zhí)行問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
今天小編就為大家分享一篇Vue.js點擊切換按鈕改變內容的實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了VUE腳手架具體使用方法，vue-cli這個構建工具大大降低了webpack的使用難度，小編覺得不錯，下面就一起來了解一下具體使用方法2019-05-05
這篇文章主要介紹了Vue基于iview實現登錄密碼的顯示與隱藏功能,本文通過截圖實例代碼說明給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-03-03
Vue?warn:Property?"state"?was?accessed?during
這篇文章主要為大家介紹了Vue?warn:Property?"state"?was?accessed?during?render的報錯解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要介紹了Vue.js樣式動態(tài)綁定實現小結，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
ref 和 reactive都是vue3推出的針對組合式設計的聲明響應式狀態(tài)的API,兩者在使用之前都要先進行引入,本文通過實例代碼詳解vue3中的ref、reactive問題,感興趣的朋友一起看看吧2024-03-03
這篇文章主要介紹了Vue中使用setTimeout問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了vue3頁面加載完成后如何獲取寬度、高度問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04