vue.js - Vue3 子组件中利用父组件传递过来的值，这么写对吗？

Question

Vue3 子组件中利用父组件传递过来的值，这么写对吗？
这里options是父组件传递过来的，子组件中使用了options中的属性，这里直接在setup中返回是可以动态绑定的吗，还是要通过computed或reactive包一下再返回？

export default {    props: ['options'],    setup(props, { emit, attrs }) {        return {...toRefs(props.options)};    }}

Answer 1

在vue中，如果数据是响应式的，那么从父级传递给子组件，子组件中它就是响应式的，数据改变后子组件会自动更新。如果数据不是响应式的，那么你在这里通过toRefs是改变不了什么的， 可以在父级传递props的时候用toRefs包装一下

https://play.vuejs.org/#eNp9U01v3CAQ/SsIVdpE2dqqcnM3UT+UQ3too...

Answer 2

import { toRefs } from 'vue';export default {  props: ['options'],  setup(props) {    const { options } = toRefs(props);    return { options };  }};