Vue基本语法——插值语法

1.1插值语法

1.1.1 mustache语法

如果我们希望把数据展示到模板(template)中,使用最多的是Mustache语法(双大括号)的文本插值:

Vue基本语法——插值语法_第1张图片

1.1.2 v-once

用于指定元素或者组件只渲染一次:

当数据变化时,元素或组件将视为静态内容并跳过;

该指令可以用于性能优化;

Vue基本语法——插值语法_第2张图片

1.1.3 v-text

用于更新元素的textContent:

Vue基本语法——插值语法_第3张图片

1.1.4 v-html

默认情况下,如果我们展示的内容本身是html的,那么vue并不会对其进行特殊的解析。

若希望这个内容被Vue可以解析出来,那么可以使用v-html来展示:

Vue基本语法——插值语法_第4张图片

1.1.5 v-pre

v-pre用于跳过元素和它的子元素的编译过程,显示原始的Mustache标签;

跳过不需要编译的节点,加快编译速度;

Vue基本语法——插值语法_第5张图片

1.1.6 v-cloak

这个指令保持在元素上直到关联组件实例结束编译。

和CSS规则如[v-cloak] { display: none } 一起用时,就可以隐藏未编译的Mustache标签直到组件实例准备完毕。

Vue基本语法——插值语法_第6张图片

不会显示,直到编译结束。

你可能感兴趣的:(css,html,vue.js)