Vue學習筆記(一)
Vue基礎語法 v-bind 回應及更新DOM特性 ex. v-bind:href v-bind:class v-bind:title v-model 資料雙向綁定 ex. input select text checkbox radio <input v-model=""message> v-for 迴圈指令 多次繪製元素或模組 ex. <li v-for="(item,index) in todos"></li> v-on 用於監聽DOM事件 ex. v-on:click v-on:keycap v-html 更新元素的innerHTML 但不建議使用,容易遭受XSS攻擊 v-text 更新元素的textContent ex. <span v-text="msg"></span> <span> {{msg}} </span> v-cloak 不需要運算式,指令保持在元素上 *Cloak 和 CSS規則一起用時可以隱藏未編譯的<mustache>直到準備完畢 <mustache>為. {{雙下班}} v-pre 不需要運算式,用於跳過元素及子元素的編譯過程,加快編譯速度 **也可以用來顯示原始<mustache>標籤 v-once 不需要運算式,只繪製元素或元件一次,繪製後元件 元素 子元素都會變成是靜態的