Vue如何设置默认显示页面

博客 · 本文由 · 暴走黄小超 · 发布于 11月前 · 581 阅读

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

成为第一个本话题的爱慕者吧

评论数量:0
作者:暴走黄小超

网络上重拳出击,现实中唯唯诺诺