网站建设资讯

NEWS

网站建设资讯

vue中$refs,$emit,$on,$once,$off的使用详解

1.$refs的使用场景

目前累计服务客户上千,积累了丰富的产品开发及服务经验。以网站设计水平和技术实力,树立企业形象,为客户提供成都网站设计、成都网站建设、网站策划、网页设计、网络营销、VI设计、网站改版、漏洞修补等服务。创新互联始终以务实、诚信为根本,不断创新和提高建站品质,通过对领先技术的掌握、对创意设计的研究、对客户形象的视觉传递、对应用系统的结合,为客户提供更好的一站式互联网解决方案,携手广大客户,共同发展进步。

父组件调用子组件的方法,可以传递数据。

父组件:

子组件:



2.$emit的使用

子组件调用父组件的方法并传递数据。

子组件:



父组件:



3.$on的使用场景

兄弟组件之间相互传递数据。

首先创建一个Vue的空白实例(兄弟组件的桥梁)

import Vue from 'vue';
export default new Vue();

子组件A:发送放使用$emit自定义事件把数据带过去。



子组件B:接收方通过$on监听自定义事件的callback接收数据



父组件:




以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


文章名称:vue中$refs,$emit,$on,$once,$off的使用详解
标题来源:http://njwzjz.com/article/ijsghg.html