Vue 3 $set? 给数据添加字段

723 阅读1分钟
*Vue3,利用的是ES6的`proxy`,
对数据响应式进行一个数据的代理**。
结合Vue3的 composition API。
Vue3 中 新出的 reactivity API:

1.  reactive
1.  readonly
1.  ref
1.  computed

**如果想要让一个对象变为响应式数据,可以使用reactive或ref**
<script setup lang="ts"></ script>
///表单数据
  const form =  ref({
      id:'',
      name:'',
      num:'',
      user:'',  ///新加字段
  });

****场景----需要给后端返回一个字段
////点击事件  需要赋值的v
const formNew=(v)=>{
    form.value.user=v ///直接赋值 不用$set
}

数组去重 findIndex 和splice 结合使用

微信图片_20220517173600.png