vue页面和组件之间通信的方法

mini云码 发布日期： 2025-11-04 12:38

vue页面和组件通信，组件和组件通信，包括下面这些方法：

1：pinia或vuex等状态管理组件

状态管理组件，可以使用组件之间共享数据免去了相互间的通信。通过pinia和vuex的更新机制，一旦数据反生改变，组件内部只要是调用了状态管理的属性，立马就可以更新。

2、通过ref引用组件，然后访问组件的方法

在组件里定义一个ref，比如ref="zujian1"

那么，通过下面的代码，可以通过ref引用组件，然后调用组件的fun1方法：

this.$refs.zujian1.fun1()

通过上面的代码，即可调用组件内部的fun1方法

3、组件通过$emit()调用父页面函数

比如下面的代码,引号了写父页面的方法名

this.$emit("parentFun")