Vue3知识点

1、ref和reactive的区别。

　　①  js中对ref定义的值读取、修改，需要加.value，可以用插件↓来简单使用

      ②  ref修改引用可以直接修改，react不能修改引用对象，只能使用 Object.assign修改对象内容

      ③  基本类型建议使用ref，若需要一个响应式对象且层级不深ref和reactive都可以。如果响应式对象层级比较深，推荐使用reactive。表单比较多、回显等使用reactive。

　　     因为一堆.value不太合适

2、toRefs接收一个reactive定义的对象、toRef单个属性去转换成ref

let person = reactive({name:'张三':age:18})

let {age,name} = toRefs(person)
// 此时 age、name为  响应式的

console.log(age.value)
// 修改 age.value +=1; person中的 age也同时发生变化

let age1 = toRef(person,'age')
// 此时age1是响应式的

congsole.log(age1.value)

3、computed有缓存、普通方法获取结果没缓存，页面用几次调几次

// 一般写法
let fullName = computed(()=>{
    return name1.value + name2.value;
})

// 支持修改计算属性的写法
let fullName = compuetd({
    get(){
        return name1.value + name2.value;
     },
     set(val) {
         let [str1,str2] = val.split('-');
        name1.value = str1;
        name2.value = str2;
     }
}) 

4、