vue3 tips

ref/toRef/toRefs

因为 props 是响应式的，你不能使用 ES6 解构，它会消除 prop 的响应性
如果需要解构 prop，可以在 setup 函数中使用 toRefs 函数来完成。

const { name } = toRefs(props)

但是当name属性是可选属性的时候，toRefs就失效了。此时需要使用toRef

const name = toRef(props, 'name')