1.1插值语法

1.1.1 mustache语法

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

1.1.2 v-once

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

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

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

1.1.3 v-text

用于更新元素的textContent:

1.1.4 v-html

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

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

1.1.5 v-pre

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

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

1.1.6 v-cloak

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

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

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

Logo

前往低代码交流专区

更多推荐