摘要: 步骤: + 创建一个空Vue实例,也就是一个 bus ( 事件总线 ) + 一个组件注册事件( bus.$on(事件名称, () = {}) ) + 另一个组件触发事件( bus.$emit(事件名称, 数据) ) 注意:一定要是同一个 bus!!! // 创建一个bus const bus = n 阅读全文
posted @ 2019-03-13 17:32 木石天涯 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 两个组件之间的数据流动: 单项数据流: + 父组件中的数据可以通过props流动到子组件中,并且当父组件中的数据 + 发生改变的时候,子组件会自动接收到这个修改后的数据, + 并且更新页面中的内容。这就是 Vue 中的单项数据流 所以,数据一般是由父组件提供的,当父组件中的数据发生了改变,子组件就会 阅读全文
posted @ 2019-03-13 17:23 木石天涯 阅读(1353) 评论(0) 推荐(0) 编辑
摘要: 步骤: + 父组件提供一个方法 + 这个方法是子组件调用的,数据通过方法的参数拿到 + 将这个方法传递给子组件 + 由子组件触发这个方法,将要传递的数据作为方法的参数传递 {{ age }} <! 2 给子组件传递一个自定义事件 getmsg ,它的值是 getChildMsg 方法 // 子到父: 阅读全文
posted @ 2019-03-13 14:44 木石天涯 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 1. 在子组件标签上添加一个属性(ppp) 2. 在子组件中通过 props 属性,来接受这个数据 3. 就可以使用接受到的 ppp 数据了 <! 父组件的模板 <! 子组件的模板 // 1 父到子 // 父组件:vm实例 // 子组件:hello组件 const vm = new Vue({ el 阅读全文
posted @ 2019-03-13 14:26 木石天涯 阅读(176) 评论(0) 推荐(0) 编辑