vue学习 十五 传值和传引用 or 事件传值（子传父）
vue学习 十五 传值和传引用 or 事件传值（子传父）
meihuasheng
发布于 2021-03-16 21:33:04
发布于 2021-03-16 21:33:04
传引用： 传的就是对象（object）和数组（array）；
传值： 传的就是字符串（string）、布尔（boolean）、数值（number）；
主要表达的意思是：
在父传子组件中，数据写在父组件时；传引用的时候，改变一个数组或者对象都是将所有的改变；传值的话，改变哪个值就是改变哪个，不会影响到其他。。
在这里，通过pop方法出栈数组元素，然后点击一个删除，两个相同数组中的li都会减少一个1个，从而说明了传引用的时候改变数组中的元素，所有的都将改变
相反的，传数值的时候，改变一个地方，其他地方不会改变 其中点击头部的时候，title会变成change这样的，尾部也是同样的写法，然而却没有变化，这就证明了这一点
事件传值（子传父）：
首先是子组件中，定义一个点击事件触发方法，然后方法为注册事件，如下。然后执行方法后就会在父组件中去找这个’事件名‘
$emit('事件名'，’事件传的内容是什么‘)；
父组件中给上面的’事件名‘绑定一个方法，参数是$event，然后实现这个方法 就可以拿到子组件中的数据了
methods:{ updateTitle(title){ 这个title是子组件中的title this.title=title; 将子组件中的title给现在的title } },
本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019-08-15 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录