全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据路由名称到全部路由里找到对应的路由，判断用户是否具备路由上标注的权限信息(比如上面的roles: ['adm…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从镜片的厚度和黄黑相见的格子衬衫我察觉到，面前坐着的这位面试官应该是来者不善。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，为了避免尴尬，我盯着面试官的眉毛中间，不过面试官明显对我的经历不…

Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 后续 Vue 3.x 出来后持续更新. 3. 14种组件通讯 provide 和 inject 主要为高阶插件/组件库提…

当然是尤大的官网入手了,许多刚学框架的新手都喜欢从网上找视频教程，例如慕课网这种，本人不建议这种学习方法，因为视频的作者会让你跟着他的思维去写一套他的风格的代码，这是一个细思极恐的事情。 其实vuejs官网的东西是非常丰富的，并且我认为需要加入浏览器书签，是需要不间断的重复看的…

`v-on="$listeners"`封装组件时，可传入未识别的事件。`v-bind="$attrs"` 可传入未识别的属性 逻辑： 传入该按钮的权限，获取当前用户的权限，判断用户权限是否在按钮权限中，如果不在代表没有权限，移除该按钮的DOM。 监听滚动，使用getBoundi…

更新 prop 在业务中是很常见的需求，但在子组件中不允许直接修改 prop，因为这种做法不符合单向数据流的原则，在开发模式下还会报出警告。因此大多数人会通过 $emit 触发自定义事件，在父组件中接收该事件的传值来更新 prop。 这种做法没有问题，我也常用这种手段来更新 p…

据上节文章发布已经有了两个星期了。期间收到了 1000+ 个赞，30000+ 阅读量，这是我万万没想到的。自己的文章能有这么高的关注度，真的很令人满意！ 但是相反，写文章的压力更加大了。一篇文章总是反反复复的修改，总是担心自己的认知水平和技术水平不够，甚至导致有些地方会误导读者…

一. Vue 批量注册全局组件 二. Vue 主路由优化 总结：该方法的好处在于，降低大型项目的路由复杂度，对路由进行分区管理，便于维护和迭代。 以上路由虽然添加了权限码，但是并没有做静态路由和动态路由的区分，如果项目需要进行权限判断时，只需要对分区路由文件进行区分，比如静态路…

vue 提供的模块化无疑是提高开发效率的神器，而且对于后期代码优化和维护也提供的极大地便利。 vue 提供了组件功能，组件又可以分为全局组件和非全局组件。区别是全局组件你可以直接在 .vue 文件中直接使用自定义的 html 即可。非全局组件必须在 Vue 的对象中定义 com…