组合式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('事件名',参数)