前言：
如今各位老铁们对“vue组件嵌套组件”大体比较关注，兄弟们都想要了解一些“vue组件嵌套组件”的相关文章。那么小编在网摘上收集了一些有关“vue组件嵌套组件””的相关文章，希望兄弟们能喜欢，朋友们一起来学习一下吧！我们都知道在vue中父组件向子组件传参需要在组件使用的位置使用属性绑定的方式,然后在子组件中通过props接收父组件中传递过来的数据,如果涉及到多层组件嵌套我们需要涉及到好多次属性绑定和好多次props接收数据,导致代码维护较差,我们知道可以借助vuex实现状态管理,今天我们来使用一下在vue3中提供的provide和inject来实现数据的传递.
我们定义一个父组件father.vue,定义一个子组件son.vue,将子组件挂载给父组件
同时我们在父组件中定义了一个数据叫result,使用provide将数据暴露属性为msg,值是result变量存储的变量’father’字符串,我们并没有在子组件的使用位置使用属性绑定的方式传递参数,接下来我们来看子组件的代码
在子组件内部我们按需导入inject,并去接收父组件提供的属性msg,使用变量m保存,并将mreturn,在结构位置使用插值表达式{{m}} m展示的信息为’father’字符串。
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #vue组件嵌套组件
