Vue指令補充

v-html:指令下數(shù)據(jù)綁定會被忽略,而被當(dāng)成HTML
如果用到v-html指令時,需要單獨添加一個元素來綁定
v-text:操作元素中的純文本
v-text不解釋標(biāo)簽,v-html解釋標(biāo)簽
v-text會將元素當(dāng)成純文本輸出,v-html會將元素當(dāng)成HTML標(biāo)簽解析后輸出
v-once 只綁定一次
當(dāng)數(shù)據(jù)改變時,插值處的內(nèi)容不會繼續(xù)更新
v-pre 原樣輸出
v-cloak:防止頁面加載時出現(xiàn) vue.js 的變量名

 <style> 
 [v-cloak]{ 
    display: none; 
} 
</style> 
<body> 
<div id="app"> 
<input type="text" v-model="mas"> 
<p v-html="mas">{{mas}}</p> 
<p v-text="mas">{{mas}}</p> 
<h1 v-cloak>{{mas}}</h1> 
</div> 
<script src="[js/vue.js](js/vue.js)"></script> 
<script> 
new Vue({ 
  el:'#app', 
  data:{ 
  mas:'hello' 
  }, 
  beforeMount:function(){ 
    alert('beforeMount') 
 }
 }) 
 </script> 

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • v-html作用 : 操作元素中的HTML標(biāo)簽 v-text會將元素當(dāng)成純文本輸出,v-html會將元素當(dāng)成HTM...
    北城_以念閱讀 221評論 0 0
  • # 傳智播客vue 學(xué)習(xí)## 1. 什么是 Vue.js* Vue 開發(fā)手機 APP 需要借助于 Weex* Vu...
    再見天才閱讀 3,789評論 0 6
  • vue概述 在官方文檔中,有一句話對Vue的定位說的很明確:Vue.js 的核心是一個允許采用簡潔的模板語法來聲明...
    li4065閱讀 7,624評論 0 25
  • ## 框架和庫的區(qū)別?> 框架(framework):一套完整的軟件設(shè)計架構(gòu)和**解決方案**。> > 庫(lib...
    Rui_bdad閱讀 3,153評論 1 4
  • “女士們,先生們,您乘坐的1382次航班馬上就要起飛了,請您進入安檢登機,謝謝……” “子雪,謝謝你今...
    總是說堅持的我們閱讀 441評論 0 0

友情鏈接更多精彩內(nèi)容