reactive, toRefs 用法
{{count}}
{{double}}
+1
import { ref,computed,reactive, toRefs } from 'vue';
interface DataProps {
count:number;
double:number;
increase: () => void;
}
export default {
name: 'App',
setup(){
const data:DataProps = reactive({
count:0,
increase:() => { data.count ++ },
double:computed(() => data.count * 2 )
})
const refData = toRefs(data)
return {
...refData
}
}
};