vue之如何配置默認(rèn)顯示頁面和默認(rèn)路由
更新時(shí)間：2023年06月29日 08:39:01 作者：咬緊牙關(guān)i
這篇文章主要介紹了vue之如何配置默認(rèn)顯示頁面和默認(rèn)路由問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
vue配置默認(rèn)顯示頁面和默認(rèn)路由
在router文件夾中的index.js中配置
const routes = [
{
//沒寫就是任意路由都是定向這個(gè)
path:'',
//重定向
redirect:'/xxx'
}
]vue中的路由以及默認(rèn)路由跳轉(zhuǎn)
參考網(wǎng)站：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、實(shí)例化VueRouter 注意：名字
6、掛載
整個(gè)main.js
7、根組件的模板里面放上這句話 <router-view></router-view>
8、路由跳轉(zhuǎn)
方法二
1、在main.js中引用
2、在router文件夾中的index.js中配置路由
3、app.vue中添加路由占位符
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解如何在vue+element-ui的項(xiàng)目中封裝dialog組件
這篇文章主要介紹了詳解如何在vue+element-ui的項(xiàng)目中封裝dialog組件，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)附件上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
Bootstrap適用于快速搭建簡單網(wǎng)站或Web應(yīng)用程序的情況，而Vue.js適用于構(gòu)建復(fù)雜的單頁面應(yīng)用程序，根據(jù)您的項(xiàng)目需求和開發(fā)方式，您可以選擇使用Bootstrap、Vue.js或兩者結(jié)合使用，這篇文章主要介紹了vue使用Bootstrap的詳細(xì)方法,需要的朋友可以參考下2023-08-08
vue自定義權(quán)限標(biāo)簽詳細(xì)代碼示例
這篇文章主要給大家介紹了關(guān)于vue自定義權(quán)限標(biāo)簽的相關(guān)資料,在Vue中你可以通過創(chuàng)建自定義組件來實(shí)現(xiàn)自定義標(biāo)簽組件,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2023-09-09
使用vue-i18n?入口文件配置控制臺(tái)報(bào)警問題解決
這篇文章主要介紹了使用vue-i18n?入口文件配置控制臺(tái)報(bào)警問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
electron?dialog.showMessageBox的使用案例
Electron?Dialog?模塊提供了api來展示原生的系統(tǒng)對(duì)話框,本文主要介紹了electron?dialog.showMessageBox的使用案例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-08-08
過濾器的功能是對(duì)要顯示的數(shù)據(jù)進(jìn)行格式化后再顯示,其并沒有改變?cè)镜臄?shù)據(jù),只是產(chǎn)生新的對(duì)應(yīng)的數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于Vue中過濾器定義以及使用方法的相關(guān)資料,需要的朋友可以參考下2022-12-12
Vue和SpringBoot之間傳遞時(shí)間的方法實(shí)現(xiàn)
本文主要介紹了Vue和SpringBoot之間傳遞時(shí)間的方法實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
Vue頁面跳轉(zhuǎn)動(dòng)畫效果的實(shí)現(xiàn)方法
百度了好久都沒辦法實(shí)現(xiàn)vue中一個(gè)頁面跳到另一個(gè)頁面，甚至到google上搜索也是沒辦法的，最終還是找了高人親自指導(dǎo)，所以下面這篇文章主要給大家介紹了關(guān)于Vue頁面跳轉(zhuǎn)動(dòng)畫效果的實(shí)現(xiàn)方法，需要的朋友可以參考下2018-09-09
vue移動(dòng)端城市三級(jí)聯(lián)動(dòng)組件使用詳解
這篇文章主要為大家詳細(xì)介紹了vue移動(dòng)端城市三級(jí)聯(lián)動(dòng)組件的使用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07