# 1、指令 3.2指令 1.什么是指令? ●什么是自定义属性 ●指令的本质就是自定义属性 ●指令的格式:以v开始(比如:v-cloak) 2. v-cloak指令用法 ●插值表达式存在的问题: “闪动” ●如何解决该问题:使用v-cloak指令 ●解决该问题的原理:先隐藏,替换好值之后再显示最终的值 官网:[https://cn.vuejs.org/v2/api/](https://cn.vuejs.org/v2/api/) v-cloak指令的用法 1、提供样式 \[v-cloak\]{ display: none;} 2、在插值表达式所在的标签中添加v-cloak指令 背后的原理:先通过样式隐藏内容，然后在内存中进行值的替换，替换好之后再显示最终的结果 ## 3.数据绑定指令 (重点) ●v-text填充纯文本 ①相比插值表达式更加简洁 ●v-html填充HTML片段 ①存在安全问题 ②本网站内部数据可以使用,来自第三方的数据不可以用 ●v-pre填充原始信息 ①显示原始信息 ,跳过编译过程(分析编译过程) ## 4.数据响应式 ●如何理解响应式 ①html5中的响应式(屏幕尺寸的变化导致样式的变化) ②数据的响应式(数据的变化导致页面内容的变化) ●什么是数据绑定 ①数据绑定:将数据填充到标签中 ●v-once只编译一次 ①显示内容之后不再具有响应式功能 ~~~ v-once的应用场景:如果显示的信息后续不需要再修改，你们可以使用v-once,这样可以提高性能。 ~~~