原样输出:v-pre
渲染完输出:v-cloak
只渲染一次:v-once
<div id="app">
<!-- v-pre原样输出 -->
<h1>v-pre v-cloak v-once</h1>
<hr>
<div v-pre>{{message}}</div>
<div v-cloak>渲染完成后显示</div>
<div v-once>{{message}}:只进行 一次渲染</div>
<div><input type="text" v-model="message"></div>
<div>{{message}}</div>
</div>
<script type="text/javascript">
var app = new Vue({
el:'#app',
data:{
message:'hello World'
}
})
</script>