vue2 子组件影响父组件的传输过来的数据方式

一.子组件可通过props属性获得父组件传输过来的数据,这时如果需要修改这个数值,同时影响父组件,在Vue1时代不存在这个问题,vue2则可以通过如下几种方式:

1.通过vuex,这个可以创建共享数据块,但是在不大的项目里不需要这个

2.比较通常的方法是,在父组件监听一个函数,之后在子组件ton通过this.$emit(fun,param)触发这个函数,此时通过传参进行数据传递

3.最后一种是比较爽的方式,假设我们直接修改props的值,若是javascript基本数据类型,如数字,字符串等,此时vue2会报错(vue1时代不会出现这种问题),此时我们可以通过javascript的引用数据类型,对象来实现,什么框架都离不开javascript的基本特性,此时我们修改对象的属性值都会影响父组件,数组也是一样。还有一种情况是若改变的对象属性在原对象不存在,此时我们需要通过this.$set(ob,key,name)来将这个属性值纳入vue2响应式监控,jia'假设我们有多个属性需要纳入监控,则可以通过this.initob = Object.assign({},initob,addob)将其纳入监控。

更多及参考可于此处https://cn.vuejs.org/v2/guide/reactivity.html#检测变化的注意事项

猜你喜欢

转载自blog.csdn.net/qq_32524473/article/details/81095726