toRefs 和 toRef

toRefs 和 toRef

toRefs

toRefs 把一个由reactive对象的值变为一个一个ref的响应式的值

import { ref, reactive, toRefs, toRef } from 'vue';
let person = reactive({
    name: '张三',
    age: 18,
});
// toRefs 把一个由reactive对象的值变为一个一个ref的响应式的值
let { name, age } = toRefs(person);

toRef

import { ref, reactive, toRefs, toRef } from 'vue';
let person = reactive({
    name: '张三',
    age: 18,
});

// toRef 把一个由reactive对象的值变为一个ref的响应式的值
let nl = toRef(person, 'name');