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%左右吧；

以上均是本芝麻我的总结和看法，若有出入还请各位大神赐教，不胜感激

️