2. Vue中的關鍵字

2. Vue中的關鍵字

這些關鍵字都是作爲html中標籤的屬性

1. v-model  是將標籤的value值與Vue實例中的data屬性值進行綁定

1. v-on 通過具體的事件名,來綁定vue中的函數 無參

1. v-on 通過具體的事件名,來綁定vue中的函數 有參

1. v-on:input 監聽事件

補充知識:

1. event.target.value:在響應函數裏,可以使用event內置的參數對象. 該對象表示當前事件,可以通過event.target.value來獲取當前事件對象的value的值
2. this: 在當前對象 」 new vue() 」 原生元素參數裏可以使用this ,來調用Vue對象的屬性和方法
3. v-on:input 可以簡寫爲   @input

1. v-bind  屬性綁定  v-bind 可簡寫爲」  :  「

我們知道插值表達式時不能寫在html的標籤屬性內的,那如果一定要用vue中的屬性作爲html標籤屬性的內容,那就通過v-bind進行屬性綁定

(6) v-once 只獲取一次數據

此時該標籤中的插值表達式,只獲取一次數據,之後的數據的變化不影響此插值表達式的值

(7) v-html和v-text的區別:

1. v-html 會將vue中的屬性的值做爲html的元素使用
2. v-text  會將vue中的屬性的值作爲純文本使用