咱们将采用 5W1H 分析法，即 What（何事）、Why（何因）、Where（何地）、When（何时）、何人（Who）、How（何法）6 个维度来解析这些“新玩意儿”。

框架粗略对比，### 一、全景图 来自大圣老师的开课吧网课中的截图 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0ca482b52a07

最近有看到一个问题说：vue中computed、watch、updated谁先执行？因为之前没有注意过执行顺序，今天特地研究了一下。希望研究结果能给各位小伙伴做个参考！话不多说，先上代码：

最近在看 Vue 团队成员的技术演讲，从中能了解到他们的设计思考以及最佳实践，看完一场收获颇多，里面有文档里学不到的设计思考。

面向B端的商户中一般会根据当前用户去获取对应的权限码去控制页面和按钮的展示，在这里我们可以封装v-auth指令去实现多条件判断的按钮权限控制。（vue官方自定义指令） v-auth传入的权限码可以是String或者Array，此外还提供跟数组some和every方法一样的修饰符…

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

Vue 的视图更新原理主要涉及的是响应式相关API Object.defineProperty 的使用，它的作用是为对象的某个属性对外提供 get、set 方法，从而实现外部对该属性的读和写操作时能够

首先，权限管理⼀般需求是两个：⻚⾯权限和按钮权限。 权限管理⼀般需求是⻚⾯权限和按钮权限的管理 具体实现的时候分后端和前端两种⽅案： 前端⽅案会把所有路由信息在前端配置，通过路由守卫要求⽤户登录...

这个组件库是基于 Material Design 的设计进行规范的，在此期间作者与合作的小伙伴们共同参考社区成品以及结合国内开发者感兴趣的 api 。