defindExpose Api使用

在vue3.x的setup语法糖中定义的变量默认不会暴露出去,这时使用definExpose({ })来暴露组件内部属性给父组件使用

// 子组件
<script setup>
    let aaa = ref("aaa")
    defineExpose({ aaa });
</script>
// 父组件
<Chlid ref="child"></Chlid>
<script setup>
    let child = ref(null)
    child.value.aaa //获取子组件的aaa
</script>

在父组件中直接修改子组件的属性,子组件也会相应更新

posted @ 2021-09-18 16:47  影依贤者  阅读(3219)  评论(0编辑  收藏  举报