设置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 ,去掉地址栏上的 # 号
})

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM