v-once:此指令不需要任何表达式,它表示定义元素和组件只会渲染一次,包括元素中的所有子节点。首次渲染后,不再随着数据进行响应式。也就是说使用v-once,那么该元素都将被视为静态内容。

v-html = String:将数据按照HTML格式进行解析,并且显示对应的内容。
- 如果从服务器请求到的数据本身就是HTML代码,就得使用
v-html使其先解析再进行渲染。

v-text = String:v-text的作用和Mustache比较相似:都是用于将数据显示到界面中。

v-pre:用于跳过这个元素和它子元素的编译过程,用于显示源格式的Mustache语法。
- 如下代码:第一个H1元素中的内容将会被编译解析出s来对应的内容。
- 第二个H1元素会直接显示{{msg}}


v-cloak:在某些情况下,浏览器可能会直接显示出未编译的Mustache标签。
作用:为了解决在未加载完代码而导致先出现变量名闪烁的现象,造成不好的用户体验。
例如:{{ msg }} --> 闪一下 --> Hello World! == 较差的用户体验:
- 使用vue对
v-cloak属性解析前,解析后的特性,配合CSS的属性选择器来控制元素的显示/隐藏。
