"不畏惧,不讲究,未来的日子好好努力"——大家好!我是小芝麻😄
首先感谢大家对小芝麻上一篇《想自学JS吗?想提升JS底层原理吗?76张脑图带你彻底搞懂原生JS》的支持和认可🙏,,其次是感谢大家的包容和鼓励;
特别、特别、特别感谢!!!
另外笔者也成功升到了3级😄 ;既然大家都没什么要求,那本芝麻就偷偷的当作什么都没发生过了(就这么没有节操。。哈哈哈哈)
今天小芝麻想分享的是VUE的基础,之所以没有按照专门的模块单独写文章,是因为小芝麻觉得:
- 1、尤大大的API近乎完美
- 2、很多大神的文章通俗易懂且透彻,各个网站都很有很多;
- 3、小芝麻的水平实在有限,不及大家,所以就不献丑了;
每个人都有自己的学习方式,画图可能就是小芝麻觉得最舒服,和收获最大的方式;所以本篇还是给大家分享一下思维导图,如果您刚好能收获一二,那是小芝麻荣幸😄 能帮到您查缺补漏;
本篇内容适用于:初学前端;及工作时间不久想回顾基础的各位伙伴;
这次先上图片链接地址: (opens new window) https://gitee.com/jinsexiaozhima/juejin/tree/master/Mindmap/
# 0、模块化进化史
# 1、VUE初识
# 2、VUE的基础语法
# 3、VUE的常用指令1
# 4、VUE的常用指令if/show/model
# 5、VUE中的常用事件处理
# 6、filter过滤器方法
# 7、computed 计算属性
# 8、watch 监听器
# 9、双向数据绑定的原理
# 9.1、数据驱动视图的原理
# 9.2、Object.defineProperty()
# 9.3、proxy()
# 9.4、视图驱动数据的原理
# 10、class和style动态绑定
# 11、VUE 生命周期函数
对照下面API图解
# 12、VUE 中的组件基础
# 13、VUE 组件中的slot插槽
# 14、组件信息通讯
# 14.1、父传子——props属性传递
# 14.1.1单项数据流
# 14.2、子改父——发布订阅方式
# 14.3、EventBus
# 14.4、祖先与后代——provide和inject
# 14.5、ref/parent/children
# 15、VUEX基础及使用
# 16、VUE-CLI基础及使用
# 16.1、VUE-CLI 创建项目
# 16.2、VUE-CLI 文档目录
# 16.3、VUE-CLI 进阶处理
# 17、VUE-ROUTER 基础概括
# 18、VUE-ROUTER 实现路由跳转
小芝麻觉得,框架的学习主要是多练习,多敲代码,基础知识只是学好框架的一个门槛,如果让笔者分配百分比的话,可能只会给他分10%左右吧;
以上均是本芝麻个人总结和见解,如有出入还请各位大神赐教,不胜感激
️