VUE组件之间的传值和调用
1.$refs:
父组件 调用 子组件的 方法 或者 属性,由父级来主导调用
这里我们可以使用规则的数据结构来存储和转发。
通过this.$refs.子组件名.方法(属性名)来操控子组件中的方法或者属性,如下图
2.$emit:
子组件 向 父组件 抛出一个事件,由子级来主导
比如:子组件是一个弹出框,当弹出框关闭,父级页面刷新。拿elementui来举例,在弹出框关闭之前,有一个方法:
那我们就需要在这个方法中,向父级抛一个事件,来调用父级中的加载数据的方法
3.props:
props,不用方法,直接传递,不过无法控制方法啥的,就只有属性调用
1、父组件可以使用 props 把数据传给子组件。
2、子组件可以使用 $emit 触发父组件的自定义事件。