【Vue】解决对象新增不存在属性的不同步更新问题

<template>
  <div>
      <h1>解决对象新增不存在属性的不同步更新问题</h1>
      <p>对象obj：{{obj}}</p>
      <button @click="addAttribute">给obj添加不存在属性</button>
  </div>
</template>

<script>
export default {
    data(){
        return{
            obj:{
                username:"Mae",
                age:"20"
            }
        }
    },
    methods:{
        addAttribute(){
            this.$set(this.obj,'love','naomi')
        }
    }
}
</script>

<style>

</style>

点击之后：