前端Vue2-Day50

Vue内置指令：

v-bind：单向绑定解析表达式，可简写为：xxx。

v-model：双向数据绑定。

v-for：遍历对象、数组、字符串。

v-if：条件渲染（动态控制节点是否存在）

v-else：条件渲染（动态控制节点是否存在）

v-show：条件渲染（动态控制节点是否展示）

v-on：绑定事件监听，可简写为@

v-text：向所在节点内部渲染文本内容。

v-text与插值语法不同：v-text会代替节点内部的内容，{{xxx}}则不会。

v-html：向指定节点中渲染包含HTML结构的内容。

v-html与插值语法不同：v-html会替换掉节点中所有内容且可以识别html语句，{{xxx}}则不会。

v-html安全性问题：在网站动态渲染HTML结构容易导致XSS攻击(冒充用户之手)，仅在可信任内容使用，不能用于用户提交内容。

v-cloak：(没有值) 本质是一个特殊属性，Vue创建实例完毕并接管此容器，会将v-cloak属性删除。 使用css配合v-cloak属性解决网速慢页面插值语法未渲染的问题。

v-once：(没有值) 所在节点在初次渲染后，就视为静态内容了。以后数据的改变不会引起v-once所在结构的更新，可用于优化性能。

v-pre：(没有值) 令Vue跳过其所在节点的编译过程。利用该命令跳过没有使用指令语法，没有使用插值语法的节点，加快编译过程。