Vue3相关

vue3 的相关 api

// isRef()
//判断某一值是否为响应式属性

// toRef及toRefs的使用 - 针对普通对象
// toRef及toRefs都是对值的复制，但是不更新视图

// 视图
<p>{{female.name}}</p>

let female = { name: "one" };
const man = toRefs(female, "name");

// 事件
const myOnclick = ()=>{
  man.name = three;
  console.log(female.name) //==> "three",但是视图上的值还是"one"
}

// toRefs是批量处理

// watch 及watchEffect的区别
const state = reactive({ count: 0, name: 'zs' })

#watch的使用

watch(()=>state.name,(new,old)=>{})

# watchEffect

watchEffect(()=>{
    console.lof(state.name)
})

// 区别：
// 1. watchEffect不用指定监听的属性，会在初始化时自动收集需要监听的变量
// 2. watchEffect 获取不到初始值