前言 大家好，我是林三心，这几天发生了很多事（具体是啥我就不说了），这些事，吓得我把我这些年珍藏的Vue知识点都拿出来整理了一遍，巴不得能多总结出一道是一道，我拿出了我的笔记，并且使劲回忆，终于悟出了

Sass声明变量必须是『$』开头，后面紧跟变量名和变量值，而且变量名和变量值需要使用冒号：分隔开。 Less 声明变量用『@』开头，其余等同 Sass。 Stylus 中声明变量没有任何限定，结尾的分号可有可无，但变量名和变量值之间必须要有『等号』。 Sass和Stylus的继…

update：所在绑定的组件的VNode更新时调用，但是可能发生在其子VNode更新之前。 unbind：只调用一次，指令与元素解绑时调用。 expression：指令的绑定的表达式。例：v-my-directive="1 + 1"中，表达式为 "1 + 1"； modifie…

(字母全小写且必须包含一个连字符)，避免和当前以及未来的 HTML 元素相冲突。 在非字符串模板中，如果prop是用小驼峰方式命名，在模板中要使用其等价的链式方式命名。 在字符串模板中就不要这么处理了。 因为HTML(非字符串模板)中的特性名是大小写不敏感的，所以浏览器会把所有…

近来做了一个政府的项目，在过安全测试时，有个很严重的安全BUG。BUG的描述如下： 可以通过地址栏输入地址访问登录用户的菜单权限以外的页面。 可以通过修改浏览器 Local Storage 中缓存的功能权限来展示非登录用户拥有的功能权限。 当然这些安全问题在后端做权限拦截是最好…

Vue 框架作为一个成熟的框架，里面有很多值得去学习、借鉴、使用。本专栏主要学习 Vue 中如何判断数据类型。 到 ECMAScript 10 为止，规定了 8 种 数据类型，又把数据类型分为原始类型和对象类型。 | Null | 只包含一个值：null。| | Undefin…

本专栏是由一个问题引起，如果你已经知道答案了，可以忽略本专栏。 为什么执行 this.a.c.d = 2 后页面会刷新成如上图所示。或许你从这篇专栏中得知。在 Vue 挂载过程中，数据 this.a 收集了渲染订阅者。当执行 this.a.c.d = 2 后，数据 this.a…

在这篇专栏中详细介绍了订阅者的收集过程，但是漏掉当发布者的值是对象或数组时是如何收集订阅者的介绍，其收集过程可能会引发性能问题。当然这不是 Vue 本身的问题。 在这篇专栏中介绍过，当读取数据时会触发 getter 函数，在 getter 函数中收集订阅者。而 getter 函…

在上一篇专栏讲到订阅者的响应是先把订阅者添加到一个队列，然后再 nextTick 函数中去遍历这个队列，对每个订阅者进行响应处理。大家所熟悉的 Vue API Vue.nextTick 全局方法和 vm.$nextTick 实例方法的内部都是调用 nextTick 函数，该函数…