在外面给创建好的Vue对象里面的数据添加新的属性

1、我们用到Vue.set(),这个是Vue的API，新的属性具有getter和setter,代码如下

<div id="app">{{obj}}</div>
    <script src="vue.js"></script>
    <script>
        //给student对象添加属性，并添加属性值
        const vm=new Vue({
            data(){
                return {
                    obj:{
                        student:{
                            realname:"bob",age:19,sex:'男'
                        },
                        age:{
                            outage:19,
                            realage:20
                        }
                    }
                }
            }
        }).$mount("#app");
        Vue.set(vm.obj.student,"saying",function(){
            console.log(1);
        })
    </script>

2、我们用到new出来的vm对象的API,代码如下

 vm.$set(vm._data.obj.student,'height',180)

或者

vm.$set(vm.obj.student,'height',180);