Vue3中props被消除響應式V
1. 在子組件中引入props
<template>
<p>{ title }</p>
</template>
props: {
title: String
}
2. 在setup中使用:
setup (props) {
const { title } = reactive(props)
return { title }
}
注：此時如果父組件更新，但是title不會更新
問題原因： props是響應式的，使用es6解構賦值，消除了props的響應式
解決方案：
使用toRefs
setup (props) {
const { title } = toRefs(props)
console.log(title.value)
return { title }
}