vue组件间的通信,子组件向父组件传值的方式是什么


今天小编给大家分享一下vue组件间的通信,子组件向父组件传值的方式是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,免费云主机域名下面我们一起来了解一下吧。父组件里面的子组件通过@func绑定一个函数来处理子组件传过来的数据父组件vuex就是把数据放到内存里面去,各个组件间都可以共享vuex里面的数据1.在一个组件间调用this.$store.dispatch(‘findUserInfoList’, q_userInfo_form); 来触发vuex里面函数修改vuex的数据,然后在另一个组件用计算属性映射获取vuex的这个属性值,就可以实现组件间的数据传递对于一些简单的项目里的可能又不是父子组件,可能是同级组件的,另一方面又没有必要使用Vuex,针对这种情形可以使用中央事件总线(Event Bus)来解决问题,主要用到vue对象的$on和$emit事件,在同一个vue的实例可以触发这两个事件,比如子组件传递数据到父组件,在子组件通过同一个vue对象触发$emit事件传递数据,在父组件通过vue实例的$on监听刚刚emit触发的事件来获取子组件传递过来的数据先创建一个constantsBus.js文件,里面根据不同模块创建相关的vue实例在一个组件间调用$emit传递数据在另个接收数据的组件用$on来监听获取emit传过来的数据一般来说在vue的数据传递是在父组件传子组件通过属性来传,但是通过属性来传值,是单向的,子组件不能修改父组件的prop值,如果在子组件里面修改父组件传过来的prop属性值,会报错,但是也有例外,对象类型的除外,如果父组件传给子组件的属性是对象的话,是可以修改对象里面的值的,并且修改后也对父组件可见,因为对象的话最后的引用都是指向同一块内存,不受子组件不可以修改父组件的属性约束。(不过不建议这样处理,子组件可以修改父组件的属性会污染数据传递,可能以后在那个子组件改了都不知道,一般对象的传递要深拷贝)调用子组件的方法获取子组件的数据1.在子组件写一个获取数据的方法2.父组件通过子组件的ref调用这个方法获取子组件的数据以上就是“vue组件间的通信,子组件向父组件传值的方式是什么”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注百云主机行业资讯频道。

相关推荐: php转二进制的函数是什么

这篇“php转二进制的函数是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“php转二进制的函数是什么”文章吧。 php转二进制的函数:1、d…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 05/25 10:19
下一篇 05/25 10:19

相关推荐