Vue的data中对象新增属性后，页面却不渲染

现象：data中的对象新增属性，能够打印出来，却不能够渲染到页面。

data () {

    return {

        obj: { a: 'obj.a' }

    }

}

methods: { 

    addObjB () {

        this.obj.b = 'obj.b'

        console.log(this.obj)

    }

}

原因：在于在Vue实例创建时，对象新增的属性并未声明，因此就没有被Vue转换为响应式的属性，自然就不会触发视图的更新。

解决方法：使用Vue的全局api $set()

addObjB(){

    this.$set(this.obj, 'b', 'obj.b')

    console.log(this.obj)

}