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

Posted on 2019-03-26 16:22  猫头唔食鱼  阅读(35011)  评论(0编辑  收藏  举报

通过配置路由,可以设置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 ,去掉地址栏上的 # 号
})