Vue组件通信之二：事件监听函数$emit/$on/$off

在vue2.x版本中自定义时间都需要通过$emit/$on/$off函数来进行触发、监听和取消监听。如果了解过JavaScript的设计模式-------观察者模式，一定知道dispatchEvent和addEventListener这两个方法。Vue组件中也有与之类似的模式，子组件用$emit来触发事件，父组件用 $on监听子组件的事件。父组件也直接在子组件的自定义标签上使用v-on来监...

mykefei

3606人浏览 · 2018-11-05 09:37:35

mykefei · 2018-11-05 09:37:35 发布

在vue2.x版本中自定义时间都需要通过$emit/$on/$off函数来进行触发、监听和取消监听。

如果了解过JavaScript的设计模式-------观察者模式，一定知道dispatchEvent和addEventListener这两个方法。Vue组件中也有与之类似的模式，子组件用$emit来触发事件，父组件用 $on监听子组件的事件。

父组件也直接在子组件的自定义标签上使用v-on来监听子组件触发的自定义事件；代码如下

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^