Vue3组件传值

1、父传子

父组件中:





使用setup组合式api就不能使用export default{}

子组件中使用defineProps接收数据,defineProps是vue3提供的方法,接收到的数据是只读的





2、子传父

在子组件中利用defineEmits方法里返回函数触发自定义事件



父组件中通过子组件的自定义方法接收数据




3、兄弟组件传值

引入mitt插件

Vue3组件传值_第1张图片

 Vue3组件传值_第2张图片

 Vue3组件传值_第3张图片

你可能感兴趣的:(Vue3学习记录,javascript,开发语言,ecmascript,vue.js)