笔记 源码 main.js App.vue components\MyList.vue components\MyItem.vue 笔记 虽然 $bus 可以完成任何组件间数据的通讯，但是不是所有情况都需要麻烦 $bus。例如: 父 -> 子 ，我们用 props 就可以了 什么情况，适合 $bus 呢?类似隔层通讯的时候，例如 08...

笔记 错误提示: 重要源码 App.vue components\MyHeader.vue components\MyItem.vue 笔记 错误提示: Do not access Object.prototype method 'hasOwnProperty' from target object no -prototy...

重要源码 App.vue components/MyHeader.vue components/MyList.vue components/MyItem.vue 上图橙色线( todoObj 操作 todos:[…])的方法: 全局实现总线 消息订阅与发布 VueX 但是至今，我们还没有学习上面的任何一种方法。最基础的方法：todos:[…...

1. DOM 树形结构图 2. 节点类型层次结构 3. 具体 HTML 对应的 DOM 结构 4. 节点关系图谱 5. 节点属性结构 6. 节点遍历方法图示 关键概念总结 以下是 DOM 元素结构化关系的图示表示： 1. DOM 树形结构图 /* */ #mermaidChart1 .node>rect { ; } ...

笔记 逐层传递数据 Vue监测数据是否被修改的探讨 关于 props 重要源码 App.vue MyList.vue MyItem.vue 笔记 逐层传递数据 如果 App.vue 想给 孙子MyItem.vue传递组件，需要通过 MyList 传递，即 逐层传递。见下图: Vue监测数据是否被修改的探讨 ...

笔记 源码 App.vue components\MyItem.vue 笔记 本节将 086 的功能，用 消息订阅与发布 练习一遍。 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > ...

重要源码 App.vue MyList.vue MyItem.vue 重要源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > ...

要求： 调试 源码 App.vue components\MyHeader.vue components\MyFooter.vue 要求： 本节把涉及到 子给父 传消息的地方，都修改为 自定义事件。 因为本节我们只关心 子和父 之间的事情，所以本节只修改 MyHeader MyFooter 和 App 之间的内容， 暂时不修改MyList...

源码 App.vue 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App.vue ...

功能 重要源码 App.vue MyFooter.vue 功能 左侧单选某项，如果都勾选上时，下方的“已完成”自动勾选，否则取消“已完成”。 实现“清除已完成任务”按钮任务。 重要源码 App.vue <template > <div id ="root" > <div class ="todo-co...