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 许可协议,转载请注明出处。
相关文章