标签 VUE 下的文章

Vue路由元信息

一直对Vue的路由一知半解，今天在做项目的时候，需要写一个面包屑的功能，层级不多只有二级，就想到了路由元信息这个东西了。其实，这个可以任意发挥了，我这里只是偷懒。

使用官方的滚动行为，但是必须开启HTML5 history 模式，开启HTML5 history 模式需要后端进行一些配置；

scrollBehavior (to, from, savedPosition) {
  return { x: 0, y: 0 }
}

scrollBehavior (to, from, savedPosition) {
  if (savedPosition) {
    return savedPosition
  } else {
    return { x: 0, y: 0 }
  }
}

没有使用HTML5 history 模式，需要使用官方的导航守卫中的router.beforeEach：

router.beforeEach((to, from, next) => {
  window.scrollTo(0, 0)  
  next()
});

这个链接用来查看本翻译与英文版是否有差别（如果你没有看到 README.md 发生变化，那就意味着这份翻译文档是最新的）。

第一次在NPM上发布，还是有点陌生，所以在此记录下

提前准备：要在NPM上面发布要有账号，所以先去注册一个账号

现在网站流行单页面应用，普通的GA代码引入可能没办法正确的执行统计代码了，这里先给出一个基于VUE开发的一个GA插件vue-ga。