(VUE3) 四、组件传值(父子组件传值 & 祖孙组件传值 &v-model & 异步组件 & teleport组件)

1.父子组件传值

vue2中的父子组件传值:
父组件:



子组件:



vue3中的父子组件传值:

还是用props接收父组件的传值啊哈 props:["name","age"]
setup ( ) 的第一个参数,props,用于获取父组件的传值。
注意:props选项接收了几个参数,setup函数的第一个参数就只能获取几个参数。

setup ( ) 的第二个参数,context,是一个上下文对象,这个对象里面有emit,attrs,slots三个对象。
① emit,用于触发自定义事件。
② attrs,用于接收props选项没有接收的传值。
③ slots,返回的是插槽里面的虚拟DOM信息。

父组件:



子组件:



你可能感兴趣的:((VUE3) 四、组件传值(父子组件传值 & 祖孙组件传值 &v-model & 异步组件 & teleport组件))