1. 安装
cnpm install vue-router --save
2. 使用
main.js
import VRouter from 'vue-router'
Vue.use(VRouter)
import 组件名 from './组件路径' //自己创建的内容 要从./开始
let router = new VRouter({
mode: 'history', //接受前后替换
routes: [
{ //重定向 打开页面后自动跳转到你定义的页面内
path: '/',
rediect: '/默认路径‘
},{
path: '/路径名称',
component: 引用组件,
name: '组件名',
children:[ //这里可以引用子组件的子组件
{
path: '名称 ',
component: 引用组件
}
]
}]
})
new Vue({
el: '...',
router
})
App.vue
<template>
...
<router-view></router-view>
...
</template>
组件内使用
<router-link :to="'组件路径'">跳转到**页</router-link>
this.$router.push({path: '/platform/pmp'});