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