注意：vue-router是无法完全控制前端路由权限。 在实际开发中路由常常存在是否登录访问和是否需要登录访问的情况,于是可以通过token和路由配置meta信息中定义isAuth字段来区分。 实现动态添加路由规则只需要使用vue-router实例方法router.addRou…

去年开源新蜂商城项目后，就一直在计划这个项目 Vue 版本的改造，2020 年开始开发并且自己私下一直在测试，之前也有文章介绍过测试过程和存在的问题，修改完成后，于 5 月底将 Vue 版本的所有代码开源了，只是后面一直太忙，没有时间整理这篇文章。 现在，向大家介绍一下这个 V…

如果你写过一个UI库(当然我指的不是只有只有一个button组件的库,之前看很多文章,标题是搭建了vueUi库,进去后发现只有一个button, my god!!!),这意味着你对,computed,watch,prop,slot,@slots,$scopedSlots,mix…

... 小伙子：你为何 不按套路提问 呢？你应该这样问我：MVVM是什么，生命周期有哪些，双向绑定的原理啊，我对这些比较熟悉。 我：此时的我，被反问给愣住了（难道是我错了吗？我是农村来的不懂套路，还好我经历过风风雨雨，假装镇定下）。 看到网上vue相关的题量都非常少，完全不能满…

本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。 prop 定义了这个组件有哪些可配置的属性，组件的核心功能也都是它来确定的。写通用组件时，prop…

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

随着业务的不断累积，目前我们 ToC 端主要项目，除去 node_modules， build 配置文件，dist 静态资源文件的代码量为 137521 行，后台管理系统下各个子应用代码，除去依赖等文件的总行数也达到 100万 多一点。 本文会在主要描述以 Vue 技术栈为技术…

路由是vue组件能够灵活切换的关键所在，vue-router是vue的官方路由。 虽然这里已经做得很不错了，但依然没有发挥出vue-router灵活和强大的一面。换句话说，这里能做的事还有很多很多，比如项目是一个管理系统的话，可能会因角色不同，进入首页的侧边栏目是不一样的，虽然…

通常，在构建SPA时，需要保护某些路由。例如假设有一个只允许经过身份验证的用户访问的 dashboard 路由，我们可以通过使用 auth 中间件来确保合法用户才能访问它。 在本教程中，我们将学到怎样用 Vue-Router 为Vue应用程序实现中间件管道。 **中间件管道（m…