前言
本文主要给大家介绍了关于vue组件之间传递数据的相关资料,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍:
作用域
在vue中,组件实例的作用域是孤立的,父组件模板的内容在父组件作用域内编译;子组件模板的内容在子组件作用域内编译。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。
下面几种方法可以实现组件之间数据的传递。
一、通过prop传递数据
1)在子组件中,使用prop属性,显示的表明,它所需要的数据。
2)在父组件中,需要引用子组件的地方,传入数据。
具体看下面的代码:
}
},methods:{
}
});
//创建vue实例
const vm=new Vue({
el:"#app",data:{
value:"这是父组件的数据",},methods:{
},});