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

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站設(shè)計、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設(shè)、下冶網(wǎng)絡(luò)推廣、微信小程序、下冶網(wǎng)絡(luò)營銷、下冶企業(yè)策劃、下冶品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供下冶建站搭建服務(wù),24小時服務(wù)熱線:18982081108,官方網(wǎng)址:chinadenli.net
今天說一個問題,就是在學習vue的時候,從之前的1.0版本升級到2.x的時候,遇到的問題。一個簡單的設(shè)置默認路由。
在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將進入時的路徑,重新定位到goods上,一進來就可以打開goods頁面,其實也是這個道理。
以上這篇vue2 設(shè)置router-view默認路徑的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。
本文標題:vue2設(shè)置router-view默認路徑的實例
分享URL:http://chinadenli.net/article40/ipcoeo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動態(tài)網(wǎng)站、建站公司、靜態(tài)網(wǎng)站、App開發(fā)、用戶體驗、ChatGPT
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)