vue 2.8.2版本配置剛進(jìn)入時(shí)候的默認(rèn)頁面方法

更新時(shí)間：2018年09月21日 08:46:25 作者：ylhsuper

今天小編就為大家分享一篇vue 2.8.2版本配置剛進(jìn)入時(shí)候的默認(rèn)頁面方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

vue --version查看版本是 2.8.2；

vue 2.8.2版本配置剛進(jìn)入時(shí)候的默認(rèn)頁面比如這里面的goods頁面；

1.在路由文件下里面的index.js文件添加 { path: '/', redirect: '/goods/goods' }, // 默認(rèn)就跳轉(zhuǎn)此頁面

2.也可以在app.vue里面配置

this.$router.push('/goods/goods'); // 頁面加載時(shí)跳轉(zhuǎn)

詳情看下面

export default {
 name: 'app',
 components: {
  'v-header': header
 },
 created () {
//  this.$router.push('/goods/goods'); // 頁面加載時(shí)跳轉(zhuǎn)
 }
 };

前提都配置了此組件路由index.js文件如下

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/goods' }, // 默認(rèn)就跳轉(zhuǎn)此頁面
 {
  path: '/goods/goods',
  name: 'goods',
  component: goods
 },
 {
  path: '/ratings/ratings',
  name: 'ratings',
  component: ratings
 },
 {
  path: '/seller/seller',
  name: 'seller',
  component: seller
 }
 ]
});

以上這篇vue 2.8.2版本配置剛進(jìn)入時(shí)候的默認(rèn)頁面方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

elementui下image組件的使用
本文主要介紹了elementui下image組件的使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
vue如何動(dòng)態(tài)設(shè)置class、動(dòng)態(tài)設(shè)置style
這篇文章主要介紹了vue如何動(dòng)態(tài)設(shè)置class、動(dòng)態(tài)設(shè)置style，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-10-10
Vue中保存用戶登錄狀態(tài)實(shí)例代碼
本篇文章主要介紹了Vue中保存用戶登錄狀態(tài)實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。、
2017-06-06
Vue3源碼分析偵聽器watch的實(shí)現(xiàn)原理
watch?的本質(zhì)就是觀測(cè)一個(gè)響應(yīng)式數(shù)據(jù)，當(dāng)數(shù)據(jù)發(fā)生變化時(shí)通知并執(zhí)行相應(yīng)的回調(diào)函數(shù)。watch的實(shí)現(xiàn)利用了effect?和?options.scheduler?選項(xiàng)，這篇文章主要介紹了Vue3源碼分析偵聽器watch的實(shí)現(xiàn)原理,需要的朋友可以參考下
2022-08-08
vue拖拽組件vuedraggable使用說明詳解
這篇文章主要為大家詳細(xì)介紹了vue拖拽組件vuedraggable的使用說明，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
Vue+ElementUI前端添加展開收起搜索框按鈕完整示例
最近一直在用element ui做后臺(tái)項(xiàng)目,下面這篇文章主要給大家介紹了關(guān)于Vue+ElementUI前端添加展開收起搜索框按鈕的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-05-05
Vue.js中數(shù)據(jù)綁定的語法教程
Vue框架很核心的功能就是雙向的數(shù)據(jù)綁定。下面這篇文章主要給大家介紹了關(guān)于Vue.js中數(shù)據(jù)綁定的語法教程，文中通過示例代碼介紹的非常詳細(xì)，相信對(duì)大家具有一的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-06-06
vue頁面使用js實(shí)現(xiàn)前端打印功能
這篇文章主要介紹了vue頁面使用js實(shí)現(xiàn)前端打印功能,文中通過圖文結(jié)合的方式給大家講解的非常詳細(xì),對(duì)大家實(shí)現(xiàn)打印功能有一定的幫助,需要的朋友可以參考下
2024-05-05
vue項(xiàng)目 npm run build 打包項(xiàng)目防止瀏覽器緩存的操作方法
這篇文章主要介紹了vue項(xiàng)目 npm run build 打包項(xiàng)目防止瀏覽器緩存的操作方法,本文給大家推薦兩種方法，每種方法通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2022-08-08
詳解vue中使用vue-quill-editor富文本小結(jié)（圖片上傳）
這篇文章主要介紹了詳解vue中使用vue-quill-editor富文本小結(jié)（圖片上傳），文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04