vue設置默認首頁的操作
更新時間：2020年08月12日 15:38:50 作者：weixin_43034862
這篇文章主要介紹了vue設置默認首頁的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在router.js設置如下：
index就是默認頁面
const routes = [
// 公司項目
{ path: '/', redirect: '/index' },
{path:'/index',component:index},
{
path:'/example',
component:example,
redirect:'/edetail',
children:[
{path:'/edetail',component:edetail}
]
},
{path:'/login',component:login}
]
不使用在根目錄設置router的方法，跳轉(zhuǎn)頁面帶不同的頭部信息時容易出現(xiàn)問題
補充知識：vue-router默認的首頁渲染設置
當一個vue項目的頁面打開，總得有一個默認的首頁組件自動出現(xiàn)
不能只是點擊首頁的跳轉(zhuǎn)才出現(xiàn)
這個默認的打開路由配置需要在router.js中的 VueRouter 實例中，改變routes數(shù)組
const router = new VueRouter({
routes:[
{
path:'/',
//redirect 是重新定向
redirect:'/home'
},
{
path:'/home',
component:Home
}
]
})
這樣設置之后，就將默認的路由路徑設置為/home
以上這篇vue設置默認首頁的操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在我們一般開發(fā)的系統(tǒng)界面里面，列表頁面是一個非常重要的綜合展示界面，包括有條件查詢、列表展示和分頁處理，以及對每項列表內(nèi)容可能進行的轉(zhuǎn)義處理，本篇隨筆介紹基于Vue +Element基礎上實現(xiàn)表格列表頁面的查詢，列表展示和字段轉(zhuǎn)義處理。2021-05-05
Vuex是一個專門為Vue.js應用程序開發(fā)的狀態(tài)管理庫。它采用了一個集中式的架構(gòu)，將應用程序的所有組件的狀態(tài)存儲在一個單獨的地方。這使得狀態(tài)的管理和維護變得更加容易2023-03-03
這篇文章主要介紹了vue使用axios上傳文件(FormData)的方法,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
Vue和React之間如何選擇，這篇文章主要為大家詳細介紹了Vue和React兩者之間的相同之處，教大家該如何進行選擇，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
Vue3使用Proxy實現(xiàn)數(shù)據(jù)監(jiān)聽的原因分析
在本篇文章里小編給大家整理的是一篇關(guān)于Vue3使用Proxy實現(xiàn)數(shù)據(jù)監(jiān)聽的原因分析內(nèi)容，有需要的朋友們可以跟著學習參考下。2021-11-11
下面小編就為大家分享一篇基于Vue渲染與插件的加載順序的問題詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
今天小編就為大家分享一篇淺談vuex的基本用法和mapaction傳值問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
本文給大家?guī)韛ue項目在安卓低版本機顯示空白的原因分析，根據(jù)各自需求給大家?guī)砹藘煞N原因分析，大家可以參考下2018-09-09
最近在學習vue的源碼，總結(jié)了幾種vue中父子組件傳遞數(shù)據(jù)的方法。具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要為大家詳細介紹了vue中實現(xiàn)路由鑒權(quán)和不同用戶登錄的相關(guān)知識,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-04-04