目录
[3.1 初始化脚手架](#3.1 初始化脚手架)
[3.1.1 说明](#3.1.1 说明)
[3.1.2 具体步骤](#3.1.2 具体步骤)
[3.1.3 模板项目的结构](#3.1.3 模板项目的结构)
[3.1.4 笔记与代码](#3.1.4 笔记与代码)
[3.1.4.1 笔记](#3.1.4.1 笔记)
[3.1.4.2 01_src_分析脚手架](#3.1.4.2 01_src_分析脚手架)
[3.2 ref与props](#3.2 ref与props)
[3.2.1 ref](#3.2.1 ref)
[3.2.2 props](#3.2.2 props)
[3.2.3 笔记与代码](#3.2.3 笔记与代码)
[3.2.3.1 笔记](#3.2.3.1 笔记)
[3.2.3.2 02_src_ref属性](#3.2.3.2 02_src_ref属性)
[3.2.3.3 03_src_props配置](#3.2.3.3 03_src_props配置)
[3.3 混入](#3.3 混入)
[3.3.1 笔记与代码](#3.3.1 笔记与代码)
[3.3.1.1 笔记](#3.3.1.1 笔记)
[3.3.1.2 04_src_mixin混入(合)](#3.3.1.2 04_src_mixin混入(合))
[3.4 插件与scoped样式](#3.4 插件与scoped样式)
[3.4.1 笔记与代码](#3.4.1 笔记与代码)
[3.4.1.1 笔记](#3.4.1.1 笔记)
[3.4.1.2 05_src_插件](#3.4.1.2 05_src_插件)
[3.4.1.3 06_src_scoped样式](#3.4.1.3 06_src_scoped样式)
[3.5 Todo-list案例](#3.5 Todo-list案例)
[3.5.1 组件化编码流程(通用)](#3.5.1 组件化编码流程(通用))
[3.5.2 笔记与代码](#3.5.2 笔记与代码)
[3.5.2.1 笔记](#3.5.2.1 笔记)
[3.5.2.2 07_src_TodoList案例](#3.5.2.2 07_src_TodoList案例)
[3.5.2.3 08_浏览器本地存储](#3.5.2.3 08_浏览器本地存储)
[3.5.2.4 09_src_TodoList_本地存储](#3.5.2.4 09_src_TodoList_本地存储)
[3.6 Vue中的自定义事件](#3.6 Vue中的自定义事件)
[3.6.1 绑定事件监听](#3.6.1 绑定事件监听)
[3.6.2 触发事件](#3.6.2 触发事件)
[3.6.3 笔记与代码](#3.6.3 笔记与代码)
[3.6.3.1 笔记](#3.6.3.1 笔记)
[3.6.3.2 10_src_组件自定义事件](#3.6.3.2 10_src_组件自定义事件)
[3.6.3.3 11_src_TodoList_自定义事件](#3.6.3.3 11_src_TodoList_自定义事件)
[3.7 全局事件总线](#3.7 全局事件总线)
[3.7.1 理解](#3.7.1 理解)
[3.7.2 指定事件总线对象](#3.7.2 指定事件总线对象)
[3.7.3 绑定事件](#3.7.3 绑定事件)
[3.7.4 分发事件](#3.7.4 分发事件)
[3.7.5 解绑事件](#3.7.5 解绑事件)
[3.7.6 笔记与代码](#3.7.6 笔记与代码)
[3.7.6.1 笔记](#3.7.6.1 笔记)
[3.7.6.2 12_src_全局事件总线](#3.7.6.2 12_src_全局事件总线)
[3.7.6.3 13_src_TodoList_事件总线](#3.7.6.3 13_src_TodoList_事件总线)
[3.8 消息订阅与发布](#3.8 消息订阅与发布)
[3.8.1 理解](#3.8.1 理解)
[3.8.2 使用PubSubJS](#3.8.2 使用PubSubJS)
[3.8.3 笔记与代码](#3.8.3 笔记与代码)
[3.8.3.1 笔记](#3.8.3.1 笔记)
[3.8.3.2 14_src_消息订阅与发布](#3.8.3.2 14_src_消息订阅与发布)
[3.8.3.3 15_src_TodoList_pubsub](#3.8.3.3 15_src_TodoList_pubsub)
[3.8.3.4 16_src_TodoList_nextTick(编辑功能)](#3.8.3.4 16_src_TodoList_nextTick(编辑功能))
[3.9 过度与动画](#3.9 过度与动画)
[3.9.1 效果](#3.9.1 效果)
[3.9.2 vue动画的理解](#3.9.2 vue动画的理解)
[3.9.3 基本过渡动画的编码](#3.9.3 基本过渡动画的编码)
[3.9.4 笔记与代码](#3.9.4 笔记与代码)
[3.9.4.1 笔记](#3.9.4.1 笔记)
[3.9.4.2 17_src_过度与动画](#3.9.4.2 17_src_过度与动画)
[3.9.4.3 18_src_TodoList_动画](#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 笔记与代码
消息订阅与发布原理图: