目录
3.1 初始化脚手架
3.1.1 说明
3.1.2 具体步骤
3.1.3 模板项目的结构
3.1.4 笔记与代码
3.1.4.1 笔记
3.1.4.2 01_src_分析脚手架
3.2 ref与props
3.2.1 ref
3.2.2 props
3.2.3 笔记与代码
3.2.3.1 笔记
3.2.3.2 02_src_ref属性
3.2.3.3 03_src_props配置
3.3 混入
3.3.1 笔记与代码
3.3.1.1 笔记
3.3.1.2 04_src_mixin混入(合)
3.4 插件与scoped样式
3.4.1 笔记与代码
3.4.1.1 笔记
3.4.1.2 05_src_插件
3.4.1.3 06_src_scoped样式
3.5 Todo-list案例
3.5.1 组件化编码流程(通用)
3.5.2 笔记与代码
3.5.2.1 笔记
3.5.2.2 07_src_TodoList案例
3.5.2.3 08_浏览器本地存储
3.5.2.4 09_src_TodoList_本地存储
3.6 Vue中的自定义事件
3.6.1 绑定事件监听
3.6.2 触发事件
3.6.3 笔记与代码
3.6.3.1 笔记
3.6.3.2 10_src_组件自定义事件
3.6.3.3 11_src_TodoList_自定义事件
3.7 全局事件总线
3.7.1 理解
3.7.2 指定事件总线对象
3.7.3 绑定事件
3.7.4 分发事件
3.7.5 解绑事件
3.7.6 笔记与代码
3.7.6.1 笔记
3.7.6.2 12_src_全局事件总线
3.7.6.3 13_src_TodoList_事件总线
3.8 消息订阅与发布
3.8.1 理解
3.8.2 使用PubSubJS
3.8.3 笔记与代码
3.8.3.1 笔记
3.8.3.2 14_src_消息订阅与发布
3.8.3.3 15_src_TodoList_pubsub
3.8.3.4 16_src_TodoList_nextTick(编辑功能)
3.9 过度与动画
3.9.1 效果
3.9.2 vue动画的理解
3.9.3 基本过渡动画的编码
3.9.4 笔记与代码
3.9.4.1 笔记
3.9.4.2 17_src_过度与动画
3.9.4.3 18_src_TodoList_动画
3.1 初始化脚手架
3.1.1 说明
Vue脚手架即Vue CLI(command line interface,命令行接口工具,简称脚手架)
3.1.2 具体步骤
配置npm淘宝镜像:npm config set registry https://registry.npm.taobao.org
3.1.3 模板项目的结构
3.1.4 笔记与代码
3.1.4.1 笔记
3.1.4.2 01_src_分析脚手架
3.2 ref与props
3.2.1 ref
3.2.2 props
3.2.3 笔记与代码
3.2.3.1 笔记
3.2.3.2 02_src_ref属性
3.2.3.3 03_src_props配置
3.3 混入
3.3.1 笔记与代码
3.3.1.1 笔记
3.3.1.2 04_src_mixin混入(合)
3.4 插件与scoped样式
3.4.1 笔记与代码
3.4.1.1 笔记
3.4.1.2 05_src_插件
3.4.1.3 06_src_scoped样式
3.5 Todo-list案例
快速打开markdown文件插件:Open in External App
3.5.1 组件化编码流程(通用)
3.5.2 笔记与代码
3.5.2.1 笔记
3.5.2.2 07_src_TodoList案例
3.5.2.3 08_浏览器本地存储
localStorage
sessionStorage
3.5.2.4 09_src_TodoList_本地存储
3.6 Vue中的自定义事件
3.6.1 绑定事件监听
3.6.2 触发事件
3.6.3 笔记与代码
3.6.3.1 笔记
3.6.3.2 10_src_组件自定义事件
3.6.3.3 11_src_TodoList_自定义事件
3.7 全局事件总线
3.7.1 理解
3.7.2 指定事件总线对象
3.7.3 绑定事件
3.7.4 分发事件
3.7.5 解绑事件
3.7.6 笔记与代码
全局事件总线原理图:
3.7.6.1 笔记
3.7.6.2 12_src_全局事件总线
3.7.6.3 13_src_TodoList_事件总线
3.8 消息订阅与发布
3.8.1 理解
3.8.2 使用PubSubJS
3.8.3 笔记与代码
消息订阅与发布原理图: