小编给大家分享一下Vue组件中的自定义事件是什么，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！主要介绍组件的自定义事件的概念，使用等。何为组件自定义事件：组件自定义事件是一种组件间的通信方式，方向是 子组件====>父组件。使用场景：A是子组件，B是父组件，如果要把B的数据传给A，可以使用props配置项，如果要把A的数据转给B，就要用到组件自定义事件或者使用props加回调函数也可实现。先使用props加回调函数实现子组件传递数据给父组件。main.js：App.vue：schoo.vue：student.vue：这种方式的流程：1.在父组件(App)中定义一个回调方法并传递给子组件(School)。该回调方法是把School组件传递过来的学校名渲染在App组件对应的区域。2.子组件使用props配置项接收回调函数，并且编写一个按钮，点击就调用该回调函数把数据传递到App组件中。效果：第二种方式是使用组件自定义事件实现：使用组件自定义事件实现把子组件Student的学生名传递到App组件，并进行渲染。分一下步骤：3. 在父组件App中，设置自定义事件，并配置一个事件回调4. 在子组件中，触发自定义事件，把值传过去。效果：除了在组件标签中绑定自定义事件，也可以配合ref属性在生命周期回调函数$mounted中进行绑定。执行效果一样的。自定义事件照样可以使用事件修饰符once。使用props或者组件自定义事件进行子组件像父组件传递数据的方式是比较像的。props的方式是直接把回调函数传递给子组件调用。而组件自定义事件是把回调函数通过事件的方式暴露出去，然后子组件通过触免费云主机域名发事件，达到调用回调函数的效果。解绑组件自定义事件：或者组件被销毁时，这些自定义事件会被销毁。以上是“Vue组件中的自定义事件是什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注百云主机行业资讯频道！
相关推荐: pytorch中torch.topk()函数怎么用
这篇文章主要介绍“pytorch中torch.topk()函数怎么用”，在日常操作中，相信很多人在pytorch中torch.topk()函数怎么用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”pytorch中torch.top…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
