Vue3-组合式API下的父传子和子传父

组合式API下的父传子

基本思想：

1.父组件中给子组件绑定组件

2.子组件内部通过props选项接收

const props=defineProps({属性名:类型})

由于script上写了setup，所以无法直接配置props选项，所以需要借助于"编译器宏"函数接收传递的数据

js中访问传递的数据：props.变量名

模板中：{{变量名}}

如果传递的是一个变量，那么父组件中引入的子组件传递的数据要写成：

<SonCom :message="message"></SonCom>

defineProps原理：就是编译阶段的一个标识，实际编译器解析时，遇到后会进行编译转换

组合式API下的子传父

基本思想：

1.父组件中给子组件标签通过@绑定事件

2.子组件内部通过emit方法触发事件

const emit=defineEmits(['事件名'])
emit('事件名',参数)