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

Question

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

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

Answer 1

import { toRefs } from 'vue';

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

Answer 2

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

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