vue 2.8.2版本如何配置默認(rèn)頁面

這篇文章主要為大家展示了“vue 2.8.2版本如何配置默認(rèn)頁面”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“vue 2.8.2版本如何配置默認(rèn)頁面”這篇文章吧。

vue --version查看版本 是 2.8.2；

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

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

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

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

詳情看下面

export default {
 name: 'app',
 components: {
  'v-header': header
 },
 created () {
//  this.$router.push('/goods/goods'); // 頁面加載時跳轉(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版本如何配置默認(rèn)頁面”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！