1. 程式人生 > >vue中常用到的指令

vue中常用到的指令

del 監聽 class dom font key style屬性 href 特性

? v-text:更新元素的textContent;例如:<span v-text="msg"></span> 等同於 <span>{{msg}}</span>;


? v-html:更新元素的innerHTML


? v-bind:響應並更新DOM特性;簡寫:: ;例如:v-bind:href v-bind:class v-bind:title v-bind:bb


? v-on:用於監聽DOM事件;簡寫:@ ; 例如:v-on:click v-on:keyup


? v-for:循環指令;例如:<li v-for="(item,index) in todos"></li>


? v-if:條件渲染指令,動態在DOM內添加或刪除DOM元素


? v-show:條件渲染指令,為DOM設置css的style屬性


? v-model:數據雙向綁定;用於表單輸入等;例如:<input v-model="message">


? v-cloak:不需要表達式,這個指令保持在元素上直到關聯實例結束編譯;

vue中常用到的指令