路由守卫的几种方式-M

vue的路由

Vue-router是Vue.js官方的路由插件。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。
1.首先引入vue.js和vue-router.js
2. 创建Router

var router = new VueRouter()

3.映射路由

router.map({
   
    '/home': {
    component: Home },
    '/about': {
    component: About }
})

4.使用v-link指令

<div class="list-group">
    <a class="list-group-item" v