## jQuery和vue的區別 * 數據和視圖的分離 解耦 （開放封閉原則） 比如我們公司項目里面的 支付方式功能，一個支付金額的input、支付方式的下拉框和一個增加按鈕，增加按鈕用來在下方增加一個相同的input、下拉框和刪除按鈕。當使用jQuery實現時，需要監聽增加按鈕的點擊事件，在事件中使用js拼接dom和數據追加到指定頁面位置方式完成，數據和視圖都會在js中操作。使用vue的話只需要在增加按鈕的點擊事件中給數組追加一條數據即可，頁面上的v-for會自動完成，追加時只操作數據，不用處理視圖。 * 以數據驅動視圖 只關心數據變化，DOM操作被封裝 接上面的例子，jQuery是操作數據和dom使得視圖改變，而vue的方式只是對數據進行處理，視圖便會根據數據的結果進行相應改變 ## mvvm mvvm是 Model、 View、 ViewModel，Model就是js對象，View就是DOM，ViewModel這里是vue，ViewModel用來連接View和Model。View通過dom事件經過ViewModel對Model里的數據進行操作，Model通過數據綁定經過ViewModel對View進行頁面顯示處理。比如v-show 和一個帶click的添加按鈕，當點擊View視圖里面的click事件時，View視圖通過ViewModel里的方法改變Model數據中的變量，當變量修改，Model數據通過ViewModel將變量的改變同步到View中，控制v-show的顯示和隱藏 ## vue三要素 ### 響應式：vue如何監聽到data的每個屬性變化？ vue通過Object.defineProperty方法給數據添加get和set方法進行監聽 ### 模板引擎：vue的模板如何被解析，指令如何處理？ ### 渲染：vue的模板如何被渲染成html？以及渲染過程？