Vue常見面試問題

​​​​​​​一. VUE中MVVM

1. MVVM主要解決了MVC中大量的DOM操作使頁面渲染性能降低，加載速度變慢，影響用戶體驗。
2. vue數據驅動，通過數據來顯示視圖而不是節點操作。

二. methods、computed 的共同點和不同點

1. computed依賴緩存，只有相關依賴發生改變，纔會重新取值。如果你想要性能更好，使用computed。
2. methods在重新渲染的時，函數會重新調用執行。如果你不希望緩存，使用methods。

三. v-show與v-if的區別

1. v-show是通過修改元素display的css屬性來讓其顯示或隱藏。
2. v-if 是直接銷燬和重建DOM達到讓元素顯示或隱藏的效果。

四. v-if和v-for一起使用會發生什麼

      會只執行v-for，v-for的優先級比v-if的優先級高，想要解決這個問題，需要分開使用。

五. vue的生命週期

      vue生命週期可分爲8個階段：創建前/後，載入前/後，更新前/後，銷燬前/後

六. 常用的vue指令和它的用法

      v-if：判斷是否隱藏；v-for：數據循環；v-bind：class：綁定一個屬性；v-model：實現數據雙向綁定

七. 如何讓css只在當前組件中起作用

      將當前組件的<style>修改爲<styple scoped>

八. 事件監聽指令 v-on

      用於監聽DOM事件，v-on:click="doSomething"，v-on 可以縮寫爲@符號。如：@click="doSomething"

九. v-bind指令

      v-bind 可以縮寫爲:冒號。如：  :class="綁定對象"