目錄
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 筆記與代碼
消息訂閱與發布原理圖：
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_動畫
)
