Vue 路由 vue-router

1. 安装

cnpm install vue-router --save

2. 使用

​ main.js

im​port 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'});