数据双向绑定方面笔记

一、vue项目不能够实时监听（双向绑定）动态生成的数据；

export default {
    name: "demo",
    data(){
        return{
            obj1:{
                txt:'test1'
            },
            obj2:{}
        }
    },
    created(){
        this.obj2.txt = 'test2'
    }
}

上面的案例中，obj1.txt能够进行双向绑定，但是obj2.txt不能够进行双向绑定
解决办法：

//第一种
生成数据以后，如果需要修改数据，用this.obj2 = Object.assign({},this.obj2,{txt:'v-model'})来更改数据
//第二种
在动态生成数据的时候，就用this.$set(this.obj2,'txt','v-model')，而不用obj.b=''这种形式

官网链接：https://cn.vuejs.org/v2/guide/reactivity.html