vue3 defineProps传值使用ref响应式失效
发布时间
阅读量：
阅读量
子组件获取来自父组件传递的参数。
父组件：
<template>
<Son :data="data"/>
</template>
<script setup>
import { ref } from "vue";
let data = ref('hello')
setTimeout(() => {
data.value = 'how are you doing'
}, 2000)
</script>
子模块：
<template>
<div>{{ msg }}</div>
</template>
<script setup>
import { ref } from "vue";
// 接受来自父组件的传参
const props = defineProps({
data: String,
});
const msg = ref(props.data);
</script>全部评论 (0)
还没有任何评论哟~