传引用: 传的就是对象(object)和数组(array);
传值: 传的就是字符串(string)、布尔(boolean)、数值(number);
主要表达的意思是:
在父传子组件中,数据写在父组件时;传引用的时候,改变一个数组或者对象都是将所有的改变;传值的话,改变哪个值就是改变哪个,不会影响到其他。。
在这里,通过pop方法出栈数组元素,然后点击一个删除,两个相同数组中的li都会减少一个1个,从而说明了传引用的时候改变数组中的元素,所有的都将改变
相反的,传数值的时候,改变一个地方,其他地方不会改变 其中点击头部的时候,title会变成change这样的,尾部也是同样的写法,然而却没有变化,这就证明了这一点
首先是子组件中,定义一个点击事件触发方法,然后方法为注册事件,如下。然后执行方法后就会在父组件中去找这个’事件名‘
$emit('事件名',’事件传的内容是什么‘);
父组件中给上面的’事件名‘绑定一个方法,参数是$event,然后实现这个方法 就可以拿到子组件中的数据了
methods:{ updateTitle(title){ 这个title是子组件中的title this.title=title; 将子组件中的title给现在的title } },
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有