vue3对reactive直接赋值页面不更新

推荐第三种

第一种方法:将reactive换成ref,即可实现页面随时刷新

第二种方法:在定义reactive的时候,定义属性名,在后期赋值的时候,对属性名进行赋值;

let obj= reactive({aa:{}})

第三种方法:Object.assign()  推荐

export default {
  components:{HelloWorld},
  name: 'App',
  setup(){
    let person=reactive({})
    const getPerson=(data)=>{
      Object.assign(person, data)
    }
    return {
      getPerson,
      person
    }
  }
}

你可能感兴趣的:(vue3,vue.js,前端,javascript)