对vue中v-on绑定自定事件的实例讲解

关于官网vue中v-on绑定自定义事件的个人理解

对官网实例进行了一些修改,如下图:

v-on绑定自定义事件

点击第一个按钮浏览器的执行顺序如图所示:

步骤一:

点击第一个按钮,执行子组件的函数child

步骤二:

分别触发该按钮中的事件$emit(‘ ');

步骤三:

监听到 v-on:increment 事件,

步骤四:

执行父组件监听子组件的事件father1;

以上这篇对vue中v-on绑定自定事件的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

相关文章

你知道v-model指令是如何变成组件上的modelValue属性和@upda...
前言 众所周知,当子组件使用setup后,父组件就不能像vue2那...
前言 日常开发时有些特殊的场景需要在非 setup 期间调用inje...
前言 众所周知,vue3的template中使用ref变量无需使用.value...
本文讲了vue3是如何实现编译优化之“静态提升”,静态节点无...
你知道defineEmits 宏函数经过编译后其实就是vue2的选项式AP...