vue3.x 学习整理(三)

299 阅读1分钟

vue3.x 常见的组件通信方法

1、 props

父子组件传参,父组件通过自定义属性传参,子组件props接收参数(具体代码如下)

image.png

2、$emit、$parent、$refs | $children(已废除)

emit子-->父触发自定义事件传递参数,与2.x基本一致,3.x访问emit通过getCurrentInstanceprops

parent-->与2.x基本一致,3.x访问parent通过getCurrentInstanceprops

refs-->与2.x基本一致,3.x访问refs通过getCurrentInstanceprops

3、 provide、inject

向深层次组件传递参数,向组件的子组件、孙组件......传参 image.png

4、 mitt

mitt,类似于2.x的eventBus,需单独下载依赖包,使用方法如下,与eventBus类似 image.png

5、 vuex

与2.x基本一致,3.x访问vuex通过useStore或者getCurrentInstanceprops image.png

6、 路由传参

与2.x基本一致,3.x访问路由通过useRouter或者getCurrentInstanceprops image.png