v-pre:原样输出,不进行渲染
有v-pre的依旧显示{{message}},没有v-pre的显示在js中声明的helloworld!
<div>渲染的文本:{{message}}</div>
<div v-pre>原样输出,不进行渲染:{{message}}</div>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
message: 'helloworld!'
}
})
</script>
v-cloak:在整个页面渲染完成之后,才显示内容。
v-once:只渲染一次
只渲染一次,在js中声明的message的内容,而双向绑定的内容不进行渲染,其余渲染均失效。
<div v-once>只能一次渲染的文本:{{message}}</div>
<input type="text" v-model="message">
<div>双向绑定的文本:{{message}}</div>