设置vue启动项目后默认显示的页面

通过配置路由,可以设置vue项目启动后默认显示的页面。路由的path设置为path:"/",启动项目后就会显示默认的组件页面。

import Vue from 'vue'
import Router from 'vue-router'
 
Vue.use(Router)
import Home from '../components/Home.vue'
import View from '../components/View.vue'
import ViewTwo from '../components/ViewTwo.vue'
export default new Router({
  routes: [
    {
      path:"/",   // path 设置为 “/” ,默认显示该页面
      component:Home,
      name:"Home"
    },
    {
      path:"/view",
      component:View,
      name:"View"
    },
    {
      path:"/viewtwo",
      component:ViewTwo,
      name:"ViewTwo"
    }
  ],
  mode:"history"    // mode 设置为history ,去掉地址栏上的 # 号
})
原文地址:https://www.cnblogs.com/luguankun/p/10600956.html