关于Vue3组件间传值响应性的⼀些总结import { computed, defineComponent, reactive, toRef } from 'vue'
export default defineComponent({
name: 'Child',
props: {
params: Object // 来⾃ Parent 的传值
},
setup(props) {
const refParams1 = toRef(props, 'params') // 保留响应性
const nameOfParams = computed(() => {
return refParams1.UpperCase()
vue中reactive}) // 保留响应性
const reactiveParams1 = reactive(props.params) // 保留响应性
const reactiveParams2 = reactive(Object.assign({}, props.params)) // 响应性消失
return {
refParams1 ,
nameOfParams ,
reactiveParams1,
reactiveParams2
}
}
})

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。