vue2和vue3的组件通信
时间: 2024-03-29 17:32:55 浏览: 84
Vue2和Vue3都提供了多种组件通信的方式,下面是它们的介绍:
Vue2的组件通信方式:
- 父子组件通信:父组件通过props向子组件传递数据,子组件通过事件向父组件发送消息。
- 子父组件通信:子组件通过$emit触发自定义事件,父组件通过v-on监听子组件的事件。
- 兄弟组件通信:可以通过一个共享的父组件来传递数据,或者使用一个全局事件总线(Vue实例)来进行通信。
Vue3的组件通信方式:
- 父子组件通信:父组件通过props向子组件传递数据,子组件通过emits选项声明事件,并通过$emit触发事件。
- 子父组件通信:子组件通过context属性访问父组件的数据和方法,可以使用provide和inject来实现跨层级的通信。
- 兄弟组件通信:可以使用Vue3新增的全局API createApp创建一个应用实例,并使用provide和inject来共享数据。
相关推荐

















