學習Vue的理解總結

首先Vue採起的是基於MVC改進版MVVM的架構思惟方式。
MVVM：是將視圖和業務邏輯分開。實際就是MVC的改進版，M-Model（模型），V-View（視圖），C-controller（控制器）。M-Model，V-View，VM-ViewModel。其中M和V是須要程序員進行處理，而VM則由Vue進行內部處理。
MVVM圖：

 

 

從而不操做DOM就能進行頁面渲染
Vue的核心就是：數據驅動和聲明式渲染
數據驅動：就是經過控制數據的變化來改變（驅動）DOM的變化，背後使用了觀察者模式。
聲明式渲染：聲明的意思就是告知，廣而告之， 即告知程序，在何處渲染什麼數據

Vue實現數據綁定的原理：數據劫持和觀察者模式。
數據劫持：使用Object.defineProperty(); 當你把一個普通的 JavaScript 對象傳入 Vue 實例做爲 data 選項，Vue 將 遍歷此對象全部的屬性，並使用 Object.defineProperty 把這些屬性所有轉 爲 getter/setter。
觀察者模式：也就是發佈和訂閱。

最近基礎學習了：1：監聽事件（方法） 2:事件處理方法 3:內聯處理方法 4:事件修飾符 5:按鍵修飾符
1：監聽事件（方法）:在vue裏使用指令 v-on 監聽DOM事件，並在事件觸發時運行 JavaScript 代碼
2:事件處理方法:許多事件處理邏輯會更爲複雜，因此直接把 JavaScript 代碼寫在 v-on 指令中是不可行的。 所以 v-on 還能夠接收一個須要調用的方法名稱。
3:內聯處理方法:除了直接綁定到一個方法，也能夠在內聯 JavaScript 語句中調用方法，代碼： https://cn.vuejs.org/v2/guide/events.html
4:事件修飾符:在事件處理程序中調用 event.preventDefault() 或 event.stopPropagation() 是很是常見的需求。 儘管咱們能夠在方法中輕鬆實現這點，但更好的方式是：方法只有純粹的數據邏輯，而不是去處 理 DOM 事件細節。爲了解決這個問題，Vue.js 爲 v-on 提供了事件修飾符。修飾符是由點開頭的 指令後綴來表示的。 .stop 阻止單擊事件繼續傳播 .prevent 阻止默認行爲 .capture 添加事件監聽器時使用事件捕獲模式 .self 只當在 event.target 是當前元素自身時觸發處理函數 .once 只觸發一次回調。
5:按鍵修飾符：阻止單擊事件繼續傳播：
————————————————
版權聲明：本文爲CSDN博主「Bom_Dom」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處連接及本聲明。
原文連接：https://blog.csdn.net/Bom_Dom/article/details/106654955