隨便寫點面試題吧(一)

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事件,以便執行一些代碼塊 簡寫@

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章