微信号:phpdevelopers

介绍:PHP开发者(phpdevelopers)-做最专业的PHP资源分享平台!

Vue中组件与组件之间的通信实现

2019-02-21 21:15 php开发者

    组件是Vue.js最核心的功能,也是整个框架设计最精彩的地方,同时也是最难理解的一部分。

        为了实现组件之间的通信,Vue.js 2.x中推荐使用一个空的Vue实例作为中央事件总线,也就是一个中介。下面的具体的代码实现过程:

①第一部分:创建一个名为bus的Vue实例,同时全局定义一个组件demo。

②第二部分:创建第二个全局组件demo1,组件demo1中包含组件demo中的数据。

③第三部分:创建Vue实例app

最后通过点击传递事件按钮,组件demo中的数据便会传递到父组件跟组件demo1中,从而实现组件之间简单的数据传递。


 
php开发者 更多文章 PHP开发者微信群成立了 靠这个技巧,只会写PHP代码的表弟竟然找到了女朋友! npm 安装express npm ERR! php中eval函数的危害与正确禁用方法 正则表达式常用的四个方法
猜您喜欢 无聊大杀器!刷朋友圈不如玩游戏,腾讯出这款小程序就想让你上瘾 | 亲儿子 docker化之路——开篇 2014年度IT互联网圈最值得关注的十大微信账号 一号车网招聘测试 机器人来了,程序员饭碗或将不保