vue3 组件间通信的6种方式

vue3组件通信的6种方式(setup语法糖)

直接上例子，例子均采用setup语法

1、props

// 父组件

// 子组件

3、emit

// 父组件

// 子组件

3、defineExpose

利用defineExpose+ref 可以得到组件里的方法和变量

// 父组件

// 子组件

4、provide inject

// 父组件

// 子组件

5、attrs

attrs可以接受除去 props、style、 class之外的属性

// 父组件

// 子组件

6、v-model

// 父组件

// 子组件

感谢观看，有错误感谢指出！