vue 2.8.2版本如何配置默認頁面

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

vue --version查看版本 是 2.8.2；

vue 2.8.2版本配置剛進入時候的默認頁面比如這里面的goods頁面；

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

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

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

詳情看下面

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

前提都配置了此組件路由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' }, // 默認就跳轉此頁面
 {
  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版本如何配置默認頁面”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！