欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue2 設(shè)置router-view默認(rèn)路徑的實例

 更新時間:2018年09月20日 15:19:55   作者:華洛  
今天小編就為大家分享一篇vue2 設(shè)置router-view默認(rèn)路徑的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

在學(xué)習(xí)vue的時候,遇到很多問題,這里做一些總結(jié),持續(xù)更新。

今天說一個問題,就是在學(xué)習(xí)vue的時候,從之前的1.0版本升級到2.x的時候,遇到的問題。一個簡單的設(shè)置默認(rèn)路由。

在vue的官方文檔中,并沒有對這個做出案例和解釋,不知道是不是我沒發(fā)現(xiàn)。反正這個問題算是遇到的小小的坑吧。原諒一個菜鳥,什么都不懂。

在察閱文章的過程中,發(fā)現(xiàn)有前輩總結(jié)了這個方面的知識。

具體實現(xiàn)如下:

import Vue from 'vue' 
import Router from 'vue-router' 
import goods from '../components/goods/goods' 
import ratings from '../components/ratings/ratings' 
import seller from '../components/seller/seller' 
 
Vue.use(Router) 
 
export default new Router({ 
 routes: [ 
  {path: '/', redirect: 'goods'}, 
  {path: '/goods', component: goods}, 
  {path: '/ratings', component: ratings}, 
  {path: '/seller', component: seller} 
 ] 
}) 

其實要說的話,文檔也是有這方面的說明的,就是重定向。redirect將進(jìn)入時的路徑,重新定位到goods上,一進(jìn)來就可以打開goods頁面,其實也是這個道理。

以上這篇vue2 設(shè)置router-view默認(rèn)路徑的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 記一次用ts+vuecli4重構(gòu)項目的實現(xiàn)

    記一次用ts+vuecli4重構(gòu)項目的實現(xiàn)

    這篇文章主要介紹了記一次用ts+vuecli4重構(gòu)項目的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-05-05
  • Vue filter 過濾器、以及在table中的使用介紹

    Vue filter 過濾器、以及在table中的使用介紹

    這篇文章主要介紹了Vue filter 過濾器、以及在table中的使用介紹,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-09-09
  • vue+element開發(fā)一個谷歌插件的全過程

    vue+element開發(fā)一個谷歌插件的全過程

    這篇文章主要給大家介紹了關(guān)于vue+element開發(fā)一個谷歌插件的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-05-05
  • vscode中使用vue的一些插件總結(jié)(方便開發(fā))

    vscode中使用vue的一些插件總結(jié)(方便開發(fā))

    對于很多使用vscode編寫vue項目的新手同學(xué)來說,可能不知道使用什么插件,下面這篇文章主要給大家介紹了關(guān)于vscode中使用vue的一些插件,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2022-11-11
  • Vue iview-admin框架二級菜單改為三級菜單的方法

    Vue iview-admin框架二級菜單改為三級菜單的方法

    這篇文章主要介紹了Vue iview-admin框架二級菜單改為三級菜單的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-07-07
  • vue.js實現(xiàn)單選框、復(fù)選框和下拉框示例

    vue.js實現(xiàn)單選框、復(fù)選框和下拉框示例

    本篇文章主要介紹了vue.js實現(xiàn)單選框、復(fù)選框和下拉框示例,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • vue預(yù)覽 pdf、word、xls、ppt、txt文件的實現(xiàn)方法

    vue預(yù)覽 pdf、word、xls、ppt、txt文件的實現(xiàn)方法

    這篇文章主要介紹了vue預(yù)覽 pdf、word、xls、ppt、txt文件的實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • Vue3中的setup語法糖、computed函數(shù)、watch函數(shù)詳解

    Vue3中的setup語法糖、computed函數(shù)、watch函數(shù)詳解

    這篇文章主要介紹了Vue3中的setup語法糖、computed函數(shù)、watch函數(shù),本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-03-03
  • vue監(jiān)聽input標(biāo)簽的value值方法

    vue監(jiān)聽input標(biāo)簽的value值方法

    今天小編就為大家分享一篇vue監(jiān)聽input標(biāo)簽的value值方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • vant自定義二級菜單操作

    vant自定義二級菜單操作

    這篇文章主要介紹了vant自定義二級菜單操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-11-11

最新評論