-
086_TodoList案例_事件总线
笔记 源码 main.js App.vue components\MyList.vue components\MyItem.vue 笔记 虽然 $bus 可以完成任何组件间数据的通讯，但是不是所有情况都需要麻烦 $bus。例如: 父 -> 子 ，我们用 props 就可以了 什么情况，适合 $bus 呢?类似隔层通讯的时候，例如 08... -
088_TodoList案例_pubsub
笔记 源码 App.vue components\MyItem.vue 笔记 本节将 086 的功能，用 消息订阅与发布 练习一遍。 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > ... -
072_TodoList案例_添加
重要源码 App.vue components/MyHeader.vue components/MyList.vue components/MyItem.vue 上图橙色线( todoObj 操作 todos:[…])的方法: 全局实现总线 消息订阅与发布 VueX 但是至今，我们还没有学习上面的任何一种方法。最基础的方法：todos:[…... -
073_TodoList案例_勾选
笔记 逐层传递数据 Vue监测数据是否被修改的探讨 关于 props 重要源码 App.vue MyList.vue MyItem.vue 笔记 逐层传递数据 如果 App.vue 想给 孙子MyItem.vue传递组件，需要通过 MyList 传递，即 逐层传递。见下图: Vue监测数据是否被修改的探讨 ... -
083_TodoList案例_自定义事件
要求： 调试 源码 App.vue components\MyHeader.vue components\MyFooter.vue 要求： 本节把涉及到 子给父 传消息的地方，都修改为 自定义事件。 因为本节我们只关心 子和父 之间的事情，所以本节只修改 MyHeader MyFooter 和 App 之间的内容， 暂时不修改MyList... -
007_模板语法
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 模板语法</title > <!-- 引入Vue --> <script type ="text/javascript" src =... -
074_TodoList案例_删除
重要源码 App.vue MyList.vue MyItem.vue 重要源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > ... -
029_列表渲染
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本列表</title > <script type ="text/javascript" src ="../js/vue.js" ... -
047_自定义指令_总结
自定义指令总结： 一、定义语法： 二、配置对象中常用的3个回调： 三、备注： 自定义指令总结： 一、定义语法： 局部指令写法1：//对象式 new Vue ({ directives :{指令名:配置对象} }) 写法2： //函数式 new Vue({ directives{指令名:回调函数} }) 全局指令：写法1:... -
044_v-pre指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-pre指令</title > <!-- 引入Vue --> <script type ="text/javasc...