前言：

經過一段時間對Vue框架的學習後，特此繪製了一個思維導圖來檢驗和鞏固自己學習的Vue基礎知識和心得體會。

此篇文章對於剛學習Vue框架的朋友來講是個不錯的推薦。

一、Vue基礎知識梳理的思維導圖

1.知識點

基於個人寫的以下關於Vue框架基礎學習的三篇隨筆，在此基礎上，做一個階段性的知識總結，以此來檢驗自己對Vue這一段時間學習的成果，內容不多，但很值得一看。

主要是以下三點進行總結的：

Vue開發環境配置：https://www.cnblogs.com/zbcxy506/p/zbcxy506_1vue-01.html

• Vue簡介和一些開發環境的配置詳解

• MVVM主要由模型、檢視和檢視模型三部分組成。 Model是指資料部分，主要負責業務資料的View是指檢視的部分，也就是DOM元素，負責處理檢視。
• ViewModel是連線檢視和資料的資料模型，用於攔截模型或檢視的更改。
• MVVM無法直接與資料模型和檢視檢視進行通訊。 檢視模型ViewModel相當於觀察者，監視雙方的動作，及時通知進行適當的操作。
• 當Model發生變化時，ViewModel可以攔截該變化，並通知View適當的修改。
• 相反，當View發生變化時，ViewModel在攔截變化後，通知Model修改，解除檢視和模型的相互連線。

Vue基礎知識一：https://www.cnblogs.com/zbcxy506/p/zbcxy506_1vue-02.html

• 講解Vue例項物件的建立、常用內建指令的使用、自定義元件的建立、生命週期（鉤子函式）等
• 使用Vue框架建立一個簡單的學生列表實現增加和刪除資料資訊的功能

Vue基礎知識二：https://www.cnblogs.com/zbcxy506/p/note_1vue-03.html

• Vue中的全域性API、例項屬性和全域性配置，以及元件進階的基礎知識
•  關於Vue.directive()、Vue.use()等常用全域性API的使用，vm.$props、vm.$options、vm.$slots等例項屬性的使用
• 以及Vue全域性配置、元件的mixins、元件中渲染函式的使用。

以上思維導圖由線上工具（百度腦圖實現）：https://naotu.baidu.com/

百度腦圖檢視連結:

總結：

以上便是本篇文章所寫的關於Vue基礎知識梳理思維導圖的全部內容，希望會對你的Vue學習有所幫助。

碼字不易，對你有幫助的話，請給個三連（關注、點贊、收藏）另外有問題可評論區留言討論。

後期會完善Vue進階語法的相關知識，有幫助的話，敬請關注樓主持續更新中ing 。。。（不定時發文）

轉載時請註明出處連結（謝謝！！！）

參考文件：

 1.vue官方文件：Vue.js (vuejs.org)

 2.傳智播客-黑馬程式設計師（教材）：http://stu.ityxb.com/

其他隨筆推薦（作者力推）：

1. 十大排序演算法（Java實現）：https://www.cnblogs.com/zbcxy506/p/zbcxy506_3arithmetic-01.html