VUE--配置router

1、npm install vue-router
2、创建router文件 在文件中创建index.js

import Vue from ‘vue’import Router from ‘vue-router’
Vue.use(Router)
export default new Router({
routes: [ {
path:"/page",
component:()=>import(’@/views/page’),
children:[ {
path:’/’,
component:()=>import(’@/views/main’),
},
{
path:‘systemrun’,
component:()=>import(’@/components/systemrun’),
},
] },
{
path:"/login",
component:()=>import(’@/views/login’),
} ]
})
在main.js中： 创建和挂载根实例


Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。
包含的功能有：
嵌套的路由/视图表
模块化的、基于组件的路由配置
路由参数、查询、通配符
基于 Vue.js 过渡系统的视图过渡效果
细粒度的导航控制
带有自动激活的 CSS class 的链接
HTML5 历史模式或 hash 模式，在 IE9 中自动降级
自定义的滚动条行为

通过注入路由器，我们可以在任何组件内通过 this.$router 访问路由器，也可以通过 访问当前路由：