vue路由拦截

2017-04-23 阅读量

vue在全局和在组件中的拦截方式, 然后进行相应的js处理
很少用, 但是用起来很方便

全局拦截

1
2
3

router.beforeEach((to, from, next) => {})
router.beforeResolve((to, from, next) => {})
router.afterEach((to, from, next) => {})

在某个组件中就当做是生命周期的方法函数

export default {
    data() {
        return {}
    },
    beforeRouteEnter(to, from, next) {},
    beforeRouteUpdate(to, from, next) {},
    beforeRouteLeave(to, from, next) {}
}

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

talk is cheap show me the code ！ 沉淀技术 不断突破 实现人生自由！！！

全局拦截

在某个组件中 就当做是生命周期的方法函数

在某个组件中就当做是生命周期的方法函数