vue：基礎理解與注意事項（一）

1. 談談你對MVVM開發模式的理解

MVVM分爲Model、View、ViewModel三者。
Model 表明數據模型，數據和業務邏輯都在Model層中定義；
View 表明UI視圖，負責數據的展現；
ViewModel 負責監聽 Model 中數據的改變而且控制視圖的更新，處理用戶交互操做；
Model 和 View 並沒有直接關聯，而是經過 ViewModel 來進行聯繫的，Model 和 ViewModel 之間有着雙向數據綁定的聯繫。所以當 Model 中的數據改變時會觸發 View 層的刷新，View 中因爲用戶交互操做而改變的數據也會在 Model 中同步。
這種模式實現了 Model 和 View 的數據自動同步，所以開發者只須要專一對數據的維護操做便可，而不須要本身操做 dom。

2. vue 和 jquery 有什麼區別，簡述Vue的響應式原理

相同點：都是Js框架

區別：vue 虛擬dom，遍歷dom樹，虛擬dom與真實dom比較，若是有變化，就更新真實dom（經過定時器），jquery是直接找到節點，操做真實dom

簡述Vue的響應式原理：

參考連接：https://cn.vuejs.org/v2/guide/reactivity.html vue官網中，深刻響應式原理這一章節中有具體介紹到 Vue 響應式系統的底層的細節

3. Vue 有哪些指令？

v-html、v-show、v-if、v-for、v-bind(:)、v-model等等

4. v-if 和 v-show 有什麼區別？

v-show: 根據表達式之真假值，切換元素的 display CSS 屬性。

v-if: 根據表達式的值的真假條件渲染元素。在切換時元素及它的數據綁定 / 組件被銷燬並重建。若是元素是

工欲善其事必先利其器，對API的掌握必定是要比較透徹的，知道了它們倆個的區別以後，當必定條件變化，須要去改變組件的默認初始值時，就能夠用v-if這個指令，使表達式爲真時，元素及數據或組件銷燬並重建。

5. v-html的使用應該注意什麼？

v-html標籤用於更新元素的 innerHTML 。
1）注意：內容按普通 HTML 插入 - 不會做爲 Vue 模板進行編譯 。
這句話的意思是：好比在元素上綁定的@click事件，並不會生效，由於沒有做爲模板進行編譯
2）在單文件組件裏，scoped 的樣式不會應用在 v-html 內部，由於那部分 HTML 沒有被 Vue 的模板編譯器處理。