composition-api & setup



composition-api & setup


因为 props 是响应式的,所以不能直接对 props 使用 ES6 解构,因为它会消除 prop 的响应性

Vue 3 提供了一个 toRefs 全局方法来解决这个问题 


import { toRefs } from 'vue';
setup (props) {
// 通过 toRefs 包装后的 props 可以在 ES6 解构之后依然具有响应性
const { title } = toRefs(props);
console.log(title);
}