Vue router

 安装  vue-router：

     npm install vue-router

新建一个router.js文件, 代码如下：

import Vue from 'vue'

import VueRouter from 'vue-router'

import Home from './View/Home'

import Cart from './View/Cart'

Vue.use(VueRouter)

const router = new VueRouter({

    routes:[

        {path: '/', component: Home, name: 'home'},

        {path: '/cart', component: Cart, name: 'cart'}

    ]

})

export default router

在main.js中导入：

import Vue from 'vue'

import App from './App.vue'

import router from './router'

Vue.config.productionTip = false

new Vue({

  router,

  render: h => h(App),

}).$mount('#app')

在项目组件中应用：

router-link 用作组件页面跳转

需要向 router-link传递参数：

const router = newVueRouter({routes:[{path:'/user/:userId',name:'user',component:User}]})

使用：

User

router-link重定向：

const  router=new VueRouter({routes:[{path:'/a',redirect:'/b'}]})