博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue组件通信之任意级组件之间的通信
阅读量:7051 次
发布时间:2019-06-28

本文共 690 字,大约阅读时间需要 2 分钟。

Vue.component('comp1', {    template: `        

我是第一个组件

`, data(){ return { comp1_msg: '' } }, methods: { send(){ event.$emit('comp1_send', this.comp1_msg); } }});Vue.component('comp2', { template: `

我是第二个组件

{

{comp2_msg}}

`, data(){ return { comp2_msg: '' } }, mounted(){ let me = this; event.$on('comp1_send', function(data){ me.comp2_msg = data; }); }});new Vue({ el: "#app"})

 

转载于:https://www.cnblogs.com/samve/p/9124757.html

你可能感兴趣的文章
【树莓派】Linux 测网速及树莓派源
查看>>
Java用户线程和守护线程
查看>>
[TypeScript] Use the never type to avoid code with dead ends using TypeScript
查看>>
Javascript 与 SPA单页Web富应用
查看>>
SpringMVC之访问静态文件
查看>>
【java设计模式】之 模板方法(Template Method)模式
查看>>
小米手机会不会更好
查看>>
atitit.Sealink2000国际海运信息管理系统
查看>>
android面试总结01 activity生命周期
查看>>
Java 实现策略(Strategy)模式
查看>>
Ubuntu离线安装Sogou拼音(附老版本安装&输入法自启动)
查看>>
springmvc结合base64存取图片到mysql
查看>>
深度学习主机环境配置: Ubuntu16.04+GeForce GTX 1080+TensorFlow
查看>>
linux 抓包 tcpdump 简单应用
查看>>
mongodb官网文档阅读笔记:与写性能相关的几个因素
查看>>
PHP处理时间格式
查看>>
BestCoder Round #11 (Div. 2)
查看>>
JAVA入门[20]-Spring Data JPA简单示例
查看>>
Python: The _imagingft C module is not installed错误的解决
查看>>
HTTP请求报文和HTTP响应报文
查看>>