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的方法，跳轉頁面帶不同的頭部信息時容易出現(xiàn)問題
補充知識：vue-router默認的首頁渲染設置
當一個vue項目的頁面打開，總得有一個默認的首頁組件自動出現(xiàn)
不能只是點擊首頁的跳轉才出現(xiàn)
這個默認的打開路由配置需要在router.js中的 VueRouter 實例中，改變routes數(shù)組
const router = new VueRouter({
routes:[
{
path:'/',
//redirect 是重新定向
redirect:'/home'
},
{
path:'/home',
component:Home
}
]
})
這樣設置之后，就將默認的路由路徑設置為/home
以上這篇vue設置默認首頁的操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue .sync修飾符的使用,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-06-06
在本篇文章里小編給大家分享了關于vue配置接口域名方法和相關知識點總結，需要的朋友們跟著操作下。2019-05-05
vue element-ui v-for循環(huán)el-upload上傳圖片 動態(tài)添加、刪除方式
這篇文章主要介紹了vue element-ui v-for循環(huán)el-upload上傳圖片 動態(tài)添加、刪除方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
淺談vuejs實現(xiàn)數(shù)據(jù)驅動視圖原理
這篇文章主要介紹了淺談vuejs實現(xiàn)數(shù)據(jù)驅動視圖原理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
如何使用VUE+faceApi.js實現(xiàn)攝像頭拍攝人臉識別
Face-api.js是一個JavaScript API,是基于tensorflow.js核心API 的人臉檢測和人臉識別的瀏覽器實現(xiàn),這篇文章主要給大家介紹了關于如何使用VUE+faceApi.js實現(xiàn)攝像頭拍攝人臉識別的相關資料,需要的朋友可以參考下2023-05-05
Vue3+TS實現(xiàn)數(shù)字滾動效果CountTo組件
最近開發(fā)有個需求需要酷炫的文字滾動效果，發(fā)現(xiàn)vue2版本的CountTo組件不適用與Vue3,沒有輪子咋辦，那咱造一個唄，感興趣的小伙伴可以跟隨小編一起了解一下2022-11-11
基于Vue實現(xiàn)tab欄切換內容不斷實時刷新數(shù)據(jù)功能
在項目開發(fā)中遇到這樣需求，就是有幾個tab欄，每個tab欄對應的ajax請求不一樣，內容區(qū)域一樣，內容為實時刷新數(shù)據(jù)，實現(xiàn)方法其實很簡單的，下面小編給大家?guī)砹嘶赩ue實現(xiàn)tab欄切換內容不斷實時刷新數(shù)據(jù)功能，需要的朋友參考下吧2017-04-04
Vue的生命周期就是vue實例從創(chuàng)建到銷毀的全過程,也就是new Vue() 開始就是vue生命周期的開始。Vue 實例有?個完整的?命周期,也就是從開始創(chuàng)建、初始化數(shù)據(jù)、編譯模版、掛載Dom -> 渲染、更新 -> 渲染、卸載 等?系列過程,稱這是Vue的?命周期2022-08-08
這篇文章主要為大家詳細介紹了Vue.js仿 Select下拉框效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要介紹了vue自適應布局（各種瀏覽器，分辨率）,主要使用了flex布局的flex:1屬性和自適應的css+vh+百分比這種方式，開局設置overflow:hidden，主體main部分要設置：overflow:auto，需要的朋友可以參考下2022-09-09