<template>
<div class="home">
<p>父组件</p>
<div>{{ title }}</div>
</div>
</template>
<script>
import { toRef } from 'vue'
//import { toRefs, toRef } from 'vue'
export default {
name: "Home",
setup(props) {
// 将 `props` 转为一个其中全是 ref 的对象,然后解构
//const { title } = toRefs(props)
// `title` 是一个追踪着 `props.title` 的 ref
//console.log(title.value)
// 或者,将 `props` 的单个属性转为一个 ref
const title = toRef(props, 'title')
console.log(title.value)
}
}
</script>
09-05
5650
05-22
2万+