vue前端开发自学,祖孙多层级组件嵌套关系数据传输

vue前端开发自学,祖孙多层级组件嵌套关系数据传输!官方提供了一个解决方案,就是,在根组件内使用provide,哪个子孙组件想调用这个数据,就可以inject接收就行了。虽然是方便了,但是这个有点要求,就是只能自上而下的传递。不能反过来(不能子孙给根节点!)


如图,根组件内,我们使用了函数的样式,调用函数样式的好处!是可以让我们访问到当前页面的动态数据。


parent.VUE组件内的代码展示。


child.vue组件内代码展示。

下面看看实际的浏览器效果。

vue前端开发自学,祖孙多层级组件嵌套关系数据传输_第1张图片

如图,可以看见,无论是父节点,还是子孙节点,都是可以拿到根节点定义的数据的。

你可能感兴趣的:(vue,vue.js,javascript,前端)