toRef
- 返回一个对象属性的
Ref
对象,该Ref
对象的value
跟原对象属性的值相耦合
ref
- 将一个数据包装成
Ref
对象,该Ref
对象的value
与原数据没有关联
示例:
<template><button @click="change">改变</button>
</template><script lang="ts">import { defineComponent, ref, reactive, toRef} from 'vue';export default defineComponent({name: 'Child',setup() {let state = reactive({age: 12,money: 5000})let age = toRef(state, 'age') let money = ref(state.money) let change = ()=>{age.value++console.log('toRef: ', age.value, state.age) money.value++console.log('ref: ', money.value, state.money) }return {change}}});
</script>
