数据更新视图未更新

数据分为响应数据和非响应数据

响应数据：

当数据发生改变的时候会触发视图更新

当vue实例初始化的时候已有的数据就是响应式数据( 简单的说就是在data 中声明过的数据)

 非响应数据：

数据发生改变的时候不会触发视图更新

当vue实例初始化的时候没有，后期添加的属性

 如何更新非响应数据让对应的视图更新

由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。

data(){
    form:{
        name:'靓仔'
    }
}

// 由于age 未在data中，所以这就是非响应数据的更新
this.form.age = 18

如何设置非响应数据让视图更新

1、Vue.set(tartget,propertypeName/index,value）

2、this.$set( target, key, value）

target：表示数据源，即是你要操作的数组或者对象