vue3:shallowRef vite.2.0版本

如何对dom元素修改 在onMouted钩子函数中

• 语法糖setup是为了减少return 方便
• 如果修改dom元素 setup执行的时候dom还没有获取。所以在onMouted 狗子函数中对dom元素修改
• shallowRef使用基本数据的时候可以进行双向数据绑定，但是使用引用数据类型的时候不具有双向数据绑定
• 在表单添加的功能的时候 使用shallowReactive 查询到第一层的时候就不会在进行第二次数据的查询修改功能 所以这个里面深拷贝

如果使用对象里面的属性值展示到页面中 使用toRefs 并且只能使用reactive绑定响应对象

• 如何在语法糖中使用toRefs

• v-module直接绑定对象里面你需要的数值 比如之前是v-module=obj.name 使用toRefs方式会使得代码直接 v-module=name

• 不在语法糖的里面写 是...toRefs（对象名） 现在是直接必须用reactive绑定然后结构里面的对象

   let msg =reactive({
      ss:"因为有你"
    })
    let {name} =toRefs(obj)
  

• 兼容性注意

npm init vite@latest

• 成功的页面