vue3 兄弟组件互相调用方法
时间: 2023-11-09 20:02:01 浏览: 431
在 Vue3 中,可以使用 `provide` 和 `inject` 来实现兄弟组件之间的方法调用。具体步骤如下:
1. 在父组件中使用 `provide` 提供需要共享的方法,例如:
```
import { provide } from 'vue';
export default {
setup() {
const method1 = () => {
console.log('method1');
};
provide('method1', method1);
}
}
```
2. 在需要调用方法的兄弟组件中使用 `inject` 注入方法,例如:
```
import { inject } from 'vue';
export default {
setup() {
const method1 = inject('method1');
const handleClick = () => {
method1();
};
return {
handleClick
};
}
}
```
这样就可以在兄弟组件中互相调用方法了。
阅读全文