vue 视图更新

<template>
    <div>
        {{ obj.name }}---{{ obj.age }}
        <button type="default" @click="changeVal">改变值</button>
    </div>
</template>

export default {
    data(){
        return {
            obj: {
              name: '123'
            }
        }
    },
    methods:{
      //选择商品
      changeVal(index){
           this.$set(this.obj, "age", 19);
           // this.obj.age = 19;
           console.log(this.obj);
      },
    }
}

vue this.$set(data中的数据, "要改的对象名", "要改变的值");----------新增data中的新属性或者数组的时候，更新视图

vue this.$nextTick()--------------获取dom更新之后的值