1.生命週期 vue
2.事件綁定 1.內聯方式: 將事件處理器綁定到一個方法中,以下所有事件都以click事件作爲案例 注意:內聯方式下事件處理器只能綁定一個方法,要是想要綁定多個方法,依舊還是使用js中的addEventListener方法進行綁定
2.點擊事件綁定的方法,在Vue實例中,存放在method屬性中
注:其中method的this指向始終指向vue實例
3.事件修飾符 要知道是幹嘛用的
. stop:阻止冒泡
. prevent:阻止默認事件的發生
. capture:捕獲冒泡,即有冒泡發生時,有該修飾符的dom元素會先執行
. self:將事件綁定到自身,只有自身才能觸發,通常用於避免冒泡事件的影響
. once:設置事件只能觸發一次,比如按鈕的點擊等。
5.vue的指令
1. v-text
v-text主要用來更新textContent,可以等同於JS的text屬性。
2. v-html
它等同於JS的innerHtml屬性。
3. v-once
v-once關聯的實例,只會渲染一次
4. v-if
v-if可以實現條件渲染,Vue會根據表達式的值的真假條件來渲染元素。
5. v-else 必須搭配使用
6. v-show
但是v-show的元素會始終被渲染並保存在dom中,它只是簡單的切換css的dispaly屬性。
10. v-for
用v-for指令根據遍歷數組來進行渲染
注意 v-for 和 v-if的優先級 v-for的優先級更高
v-bind 綁定 動態的綁定一個或者多個特性 常用於動態綁定class和style。以及href等。
簡寫 :
v-model 同步輸入框的值和數據 v-on主要用來監聽dom事件,以便執行一些代碼塊 簡寫@