vue 指令大全

1. v-text
v-text主要用来更新textContent,可以等同于JS的text属性。

v-text="msg">> 

这两者等价:

>{{msg}}> 

2. v-html
双大括号的方式会将数据解释为纯文本,而非HTML。为了输出真正的HTML,可以用v-html指令。它等同于JS的innerHtml属性。

v-html="rawHtml">>

这个div的内容将会替换成属性值rawHtml,直接作为HTML进行渲染。


3. v-pre
v-pre主要用来跳过这个元素和它的子元素编译过程。可以用来显示原始的Mustache标签。跳过大量没有指令的节点加快编译。

id="app"> v-pre>{{message}}> //这条语句不进行编译 >{{message}}> >

最终仅显示第二个span的内容


4. v-cloak
这个指令是用来保持在元素上直到关联实例结束时进行编译。

id="app" v-cloak> > {{message}} > >

你可能感兴趣的:(vue 指令大全)