VUE易疏漏的知识点

知识点：

修饰符

在文档中，我们能看到这样的讲解：VUE methods 中记录的是组件的逻辑，应该减少DOM层操作。那么，将 preventDefault、stopPropagation 等函数移植到 HTML 层面上来其实也是好处多多的，除了减轻 methods 本身的逻辑之外，也方便了交互逻辑的维护。
——

计算属性的setter

我们经常在 HTML 层去使用VUE的计算属性，但是这样并没有100%利用计算属性的对吧。
——

:style

除了绑定的样式能在计算属性中调用修改之外，使用 CSS MODUAL 后能在JS中直接调用 Styles。
——

![template 与 v-if、v-show
![Uploading 20171017_172248_941172.png . . .]
](http://upload-images.jianshu....

template 与 v-if、v-show

利用template给一整个组设定 v-if，的确是一个保养键盘的好方法。
——

v-if 与 v-for

一开始以为谁写在前面就谁优先级高的举手 TOT
——

VUE 对象更新

我常使用 setTimeout(()=>{}, 0) 错开 VUE 对对象更新一些莫名奇妙的错误（求讲解）
——

v-for 快速循环

一开始使用 v-for = "i in [1,2,3]".... 看到这里，简直想哭。
——

VUE 父子组件通信

如果 props 传递的是对象的话，其实在子组件是可以修改的，只是VUE会发出警告，子组件应该尽量不要显式地修改父组件的传值。如图，标准的VUE父子组件通信逻辑：prop 向下传递，emit 向上传递
——

绑定原生事件

根据文档，VUE父组件在监听子组件的 click 事件时，需要添加 native 修饰符。但实际上，我们可以根据VUE父子组件通信原则改写逻辑，直接监听 click
——

.sync

VUE 2.3.0之后，.native 变成了一个语法糖，使得我们可以直接在组件内部，利用 emit 去更新相应数值。
——

——

过渡模式

过渡模式有效防止了DOM的节点的拥挤行为/笑

nextTick

利用VUE的 nextTick 函数，我们可以轻松实现类似 DOM 更新回调函数等效果。
——

接下来是一些语法规范：