Vue新增路由页面

1.安装路由

npm install vue-router

2.配置路由文件/src/router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/test',
      name: 'Test',
      component: Test
    }
  ]
})

@---src目录    /----默认路由   这里配置默认路由页面为HelloWorld组件

3.使用路由页面

<router-view name="test"></router-view>

使用默认路由时，可用

<router-view/>

4.跳转路由页面

this.$router.push({name:"test"});