加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 大数据 > 正文

VUE组件间数据方法的传递,初步了解

发布时间:2020-12-14 04:36:37 所属栏目:大数据 来源:网络整理
导读:父组件的数据传递到子组件: 子组件:(其中fMsg是要从父组件传递过来的数据,注意fMsg要在子组件props里先定义) 父组件:(使用v-bind,将自身数据绑定给中转属性fMsg,从而通过 子组件props中的fMsg,将父组件中msg的值传递给了子组件。) ? ? 子组件将数据

父组件的数据传递到子组件:

子组件:(其中fMsg是要从父组件传递过来的数据,注意fMsg要在子组件props里先定义)

父组件:(使用v-bind,将自身数据绑定给中转属性fMsg,从而通过 子组件props中的fMsg,将父组件中msg的值传递给了子组件。)

?

?

子组件将数据传递到父组件:(子组件是通过触发父组件中的方法从而传值到父组件)

子组件:(下方是子组件中定义的一个方法,触发该方法后可通过$emit触发中转函数func,并传递参数,此处为传递了两个参数)

父组件对子组件引用时,使用v-on绑定中转函数func,用showChange()方法接收子组件传递来的数据,此处接收到由子组件传来的num.content和num.id两个数据

?

也就是说,子组件向父组件传值的同时,也触发了父组件中的方法,达到了对父组件中方法的调用。

?

父组件调用子组件中的方法

这里的loadNote()是定义在子组件中的方法,现在可以在父组件中进行调用

?

?

可参考内容:https://blog.csdn.net/sinat_17775997/article/details/61192359

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读