前言：

經過一段時間對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/

百度腦圖查看鏈接:http://naotu.baidu.com/file/4a953ad7bae06169cbf7c3375f708a1f?token=07b6602ab10e5006

總結：

以上便是本篇文章所寫的關於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

本文來自博客園，作者：智博程式園，轉載請註明原文鏈接，謝謝配合：https://www.cnblogs.com/zbcxy506/p/note_1vue-04.html