您好,登錄后才能下訂單哦!
在學習vue的時候,遇到很多問題,這里做一些總結,持續更新。
今天說一個問題,就是在學習vue的時候,從之前的1.0版本升級到2.x的時候,遇到的問題。一個簡單的設置默認路由。
在vue的官方文檔中,并沒有對這個做出案例和解釋,不知道是不是我沒發現。反正這個問題算是遇到的小小的坑吧。原諒一個菜鳥,什么都不懂。
在察閱文章的過程中,發現有前輩總結了這個方面的知識。
具體實現如下:
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將進入時的路徑,重新定位到goods上,一進來就可以打開goods頁面,其實也是這個道理。
以上這篇vue2 設置router-view默認路徑的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。