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