知识点:

VUE易疏漏的知识点-脚本宝典
VUE易疏漏的知识点-脚本宝典
VUE易疏漏的知识点-脚本宝典
.exact

修饰符

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

计算属性的setter

计算属性的setter

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

:style

:style

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

VUE易疏漏的知识点-脚本宝典
![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

v-if 与 v-for

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

对象更新

VUE 对象更新

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

v-for 快速循环

v-for 快速循环

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

VUE 父子组件通信

VUE 父子组件通信

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

绑定原生事件

绑定原生事件

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

.sync

.sync

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

VUE易疏漏的知识点-脚本宝典
——

过度模式

过渡模式

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

nextTick

nextTick

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

接下来是一些语法规范:

在props中进行详细设定

使用 scoped 防止组件的样式污染全局

组件命名可以遵循“父-子”形式命名

在HTML中始终使用中隔线命名法

本文固定链接: http://www.js-code.com/vue-js/vue-js_25173.html