老师，请问如何让props响应式

来源：5-9 ValidateForm 编码第二部分 - 尝试父子通讯

hy_wang

2021-03-05

老师我刚刚测试了一下，比如一个子组件接受了一个value的prop属性。
在setup中无论是使用const value2 = ref(props.value)还是使用const { value } = props.value都无法达到父组件传递的value改变的时候，子组件这个value2跟着一起变。请问下老师如果把props解构出来的话，是不是就永远无法根据父的值改变而改变了。

写回答

1回答

张轩

2021-03-06

已采纳

同学你好和上个问题说的一样 props 本身是只读响应式，（可以想象是一个只读reacitve），如果想根据属性的某个值变化做处理，可以使用 watch，而且第一个参数使用 getter 的方式，比如

watch(() => props.value, (newValue) => {
})

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

props中的数据响应式

回答 1

props传值后失去响应性

回答 1

请问老师我的理解正确吗

回答 1

vuex 的getters不具备响应式吗？

回答 1

createApp 修改props

回答 1

打开慕课网App查看更多内容