30張腦圖帶你從零開始學VUE｜VUE基礎知識篇

"不畏懼，不講究，將來的日子好好努力"——你們好！我是小芝麻😄

首先感謝你們對小芝麻上一篇《想自學JS嗎？想提高JS底層原理嗎？76張腦圖帶你完全搞懂原生JS》的支持和承認🙏，，其次是感謝你們的包容和鼓勵；

特別、特別、特別感謝！！！

另外筆者也成功升到了3級😄 ；既然你們都沒什麼要求，那本芝麻就偷偷的看成什麼都沒發生過了（就這麼沒有節操。。哈哈哈哈）

今天小芝麻想分享的是VUE的基礎，之因此沒有按照專門的模塊單獨寫文章，是由於小芝麻以爲：

• 一、尤大大的API近乎完美
• 二、不少大神的文章通俗易懂且透徹，各個網站都頗有不少；
• 三、小芝麻的水平實在有限，不及你們，因此就不獻醜了；

每一個人都有本身的學習方式，畫圖可能就是小芝麻以爲最舒服，和收穫最大的方式；因此本篇仍是給你們分享一下思惟導圖，若是您恰好能收穫一二，那是小芝麻榮幸😄 能幫到您查缺補漏；

本篇內容適用於：初學前端；及工做時間不久想回顧基礎的各位夥伴；

此次先上圖片連接地址： gitee.com/jinsexiaozh…

0、模塊化進化史

一、VUE初識

二、VUE的基礎語法

三、VUE的經常使用指令1

四、VUE的經常使用指令if/show/model

五、VUE中的經常使用事件處理

六、filter過濾器方法

七、computed 計算屬性

八、watch 監聽器

九、雙向數據綁定的原理

9.一、數據驅動視圖的原理

9.二、Object.defineProperty()

9.三、proxy()

9.四、視圖驅動數據的原理

十、class和style動態綁定

十一、VUE 生命週期函數

對照下面API圖解

十二、VUE 中的組件基礎

1三、VUE 組件中的slot插槽

1四、組件信息通信

14.一、父傳子——props屬性傳遞

14.1.1單項數據流

14.二、子改父——發佈訂閱方式

14.三、EventBus

14.四、祖先與後代——provide和inject

14.五、ref/parent/children

1五、VUEX基礎及使用

1六、VUE-CLI基礎及使用

16.一、VUE-CLI 建立項目

16.二、VUE-CLI 文檔目錄

16.三、VUE-CLI 進階處理

1七、VUE-ROUTER 基礎歸納

1八、VUE-ROUTER 實現路由跳轉

小芝麻以爲，框架的學習主要是多練習，多敲代碼，基礎知識只是學好框架的一個門檻，若是讓筆者分配百分比的話，可能只會給他分10%左右吧；

以上均是本芝麻我的總結和看法，若有出入還請各位大神賜教，不勝感激

️