父辈组件通过 provide 属性注入数据
provide(){
return{
msg:'根组件',
root:this, //Vue实例对象也能传递
num:this.showView, //当前组件的数据也能传递
list:[1,2,3,4,5,4,3,3,45,56,6,1]
}
}
子组件通过 inject 接收数据
inject:['msg','root','num','list']
优点:简单方便
缺点:不能修改数据
父辈组件通过 provide 属性注入数据
provide(){
return{
msg:'根组件',
root:this, //Vue实例对象也能传递
num:this.showView, //当前组件的数据也能传递
list:[1,2,3,4,5,4,3,3,45,56,6,1]
}
}
子组件通过 inject 接收数据
inject:['msg','root','num','list']
优点:简单方便
缺点:不能修改数据
本文标题:父子组件跨级传值
本文链接:https://www.haomeiwen.com/subject/nwggdrtx.html
网友评论