type
status
date
slug
summary
tags
category
icon
password
父传子
父组件通过v-bind绑定一个数据，子组件通过defineProps接收
给
Menu组件传参，如果传递的是一个字符串类型的数据，可以不写
v-bind，比如下面代码里的title如果传递的是一个非字符串的数据，则必须写
v-bind，简写为冒号，比如下面代码里的data子组件使用defineProps接收，如下所示：
如果使用了TS，不给参数设置默认值，可以这样写：
如果使用了TS，要给参数设置默认值，就必须使用TS特有的默认值方式：
withDefaults，如下所示：withDefaults是个函数，无须引入开箱即用，第一个参数接受一个props函数，第二个参数是一个对象，用来设置默认值
子传父
在子组件绑定一个
click事件，通过defineEmits派发：如果用了TS，可以这样写：
父组件接受子组件的事件：
子组件暴露给父组件内部属性
子组件通过defineExpose，可以将内部属性暴露给父组件
父组件通过
ref获取到，- 作者:衔蝉
- 链接:https://xianchan.ah.cn/article/vue3-12
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
相关文章