摘要: 组件交互模式的使用场景 1. 简单应用直接使用props down,event up的模式就可以了 1. 小型应用使用事件中心模式即可 1. 中大型应用使用vuex的状态管理模式 vuex 包含要管理的应用数据和更新数据的methods,其他组件使用 即可完成数据操作. 现在,你可以通过 store 阅读全文
posted @ 2017-08-09 23:02 CooMark 阅读(408) 评论(0) 推荐(0)
摘要: 事件中心 这个可以是一个空的全局的Vue实例,其他的组件利用这个实例emit和on自定义事件,这样组件定义了自己的事件处理方法。 事件监听和注销监听 事件监听应在根组件的created钩子函数中进行,在组件销毁前应注销事件监听 子组件的emit事件,注意这里用的window.$emit而不是this 阅读全文
posted @ 2017-08-09 10:31 CooMark 阅读(1666) 评论(0) 推荐(0)
摘要: 父子组件之间的数据交互遵循: 1. props down 子组件通过props接受父组件的数据 1. events up 父组件监听子组件$emit的事件来操作数据 示例 子组件的点击事件函数中$emit自定义事件 父组件监听事件 父组件的methods中定义了事件处理程序 注意 多参数的传递是一个 阅读全文
posted @ 2017-08-09 08:16 CooMark 阅读(413) 评论(0) 推荐(0)