vue中this.$emit的用法 使用this.$refs的方法


vue中this.$emit的用法

用于当子组件需要调用父组件的方法的场景下使用。

this.$emit('事件',参数)

与之相对的当父组件需要调用子组件时则使用this.$refs的方法

this.$refs.子组件的ref.子组件的方法

实例

为了能清晰的了解具体用法,准备了一个父子组件互调方法的例子。

父组件

父组件调用子组件需要导入子组件的路径并添加组件之后添加子组件标签即可。






子组件

子组件在调用父组件是需要在父组件中添加事件来触发父组件的方法。






以上为小编总结的,this.$emit的使用方法,还有this.$refs的使用方法,不理解的小伙伴可以多看几遍。

vue