学习成为一个更好的Vue开发者并不总是关于那些需要花时间和精力才能掌握的大概念。掌握一些技巧和窍门，可以让我们的编程生活变得更容易--没有大量重复的工作。 在用 Vue 开发的这几年里，我学到了很多有

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

这句话看似很牛逼，但其实什么也没有说😓。当你修改它们时，视图会进行更新。但是你应该对这句话很敏感，可是怎么更新啊？哈哈，仔细思考一下，前两节课(前两篇文章响应式、模版编译)的内容是不是帮我们实现了以下两点： 我们通过对数据的观测（observe），知道了数据是什么时候修改的，…

相信看完这篇文章的你，跟我的想法是一样的。 为了实现数据变化影响视图，vue采用了观察者模式，将数据和页面渲染关联起来。通过dep收集依赖，当数据变化时，通知对应watcher更新视图。 取值时，给每个属性都加了个dep属性，用于存储这个渲染watcher （同一个watche…

关于自定义的组件，如果给它添加@click，在点击这个组件时，这个回调不执行 <my-com @click="hClick"></my-com> 原因：自定义子内部并没有$emit这个click事件。

在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细： 下面我们就看一看是如何实现这些个权限控制的。 接口权限就是对用户的校验。正常来说，在用户登录时服务器需要给前台返回一个Token,然后在以后前台每次调用接口时都需…

摘要：vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。 Vue2 和 Vue3 中的生命周期钩子的工作方式非常相似，我们仍然可以访问相同的钩子，也希望将它们能用于相同的场景。 如果项目使用 选项 API，就不必更改任何…

前言 大家好，我是林三心，在日常面试中，Diff算法都是绕不过去的一道坎，用最通俗的话，讲最难的知识点一直是我写文章的宗旨，今天我就用通俗的方式来讲解一下Diff算法吧？Lets Go 什么是虚拟DO