Vue根组件和子组件之间传值

51 阅读 0 评论 34 点赞

我是靠谱客的博主长情鱼，最近开发中收集的这篇文章主要介绍Vue根组件和子组件之间传值，觉得挺不错的，现在分享给大家，希望可以做个参考。

1、一个根组件和三个子组件。

根组件三步走（引入、注册、上树）。data的值传向子组件，根组件如果传的是引用类型的值，则子组件无法改变该值，如果传的是对象或者数组，那么子组件改变该值后，根组件也会随着改变。

2、子组件通过props来接收根组件传过来的数据

1.data直接传值、

2、子组件props引入数据。通过$emit()将子组件的数据传递给根组件

App.vue根组件必须引入子组件（相当于main.js和子组件之间通信的桥梁）

根组件引入子组件后，子组件就可以通过$bus.data中的数据

以上就是长情鱼为你收集整理的Vue根组件和子组件之间传值的全部内容，希望文章能够帮你解决Vue根组件和子组件之间传值所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。