vue不同组件数据传递,vue两个组件相互调用
Vue组件之间是有联系的，组件之间不可避免的会互相传递值。所以，本文将介绍如何在Vue同一级别的两个组件之间传递值，有兴趣的可以看看。
Vue组件之间是有联系的，组件之间不可避免的会互相传递值。父母用v-bind绑定自定义属性和道具来接受。
使用@ custom event= function this。$emit(自定义事件，要发送的内容)为子父组件，子组件是用$emit触发父组件的功能实现的。
但是同一级别的两个组件相互传递值。
div id=应用程序
儿童1/儿童1
儿童2/儿童2
/div
脚本
var children 1={ }；
var children 2={ }；
var vm=new Vue({
埃尔： #app ，
组件：{
儿童1，
儿童2
}
})
/脚本
现在，您希望将数据从children1组件传输到children2组件。
$on()和$emit()主要用于vue实例
div id=应用程序
儿童1/儿童1
儿童2/儿童2
/div
脚本
var Event=new Vue({ })；//创建一个vue实例作为传递值的媒介
var children1={
模板：` 1
差异
button @ click= send point I send data to children 2组件/按钮
/div
`,
data(){
返回{
消息：“我是要发送给孩子的数据2”
}
},
方法：{
send(){
事件。$emit(go ，this.msg)
}
}
};
var children2={
模板：` 1
差异
从children1组件接收的H2值：{{msg1}}/h2
/div
`,
data(){
返回{
msg1:“”
}
},
已创建(){
事件。$on(go ，(v)={//必须使用箭头函数，因为这
this . msg 1=v；
})
}
};
var vm=new Vue({
埃尔： #app ，
组件：{
儿童1，
儿童2
}
})
/脚本
chilren1组件使用事件。$emit()发送数据。
Chilren2组件使用Eevent。$on()来接收数据。
这就是本文关于两个Vue对等组件的值传递的实现。有关Vue对等组件价值转移的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。