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#检测变化的注意事项

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值