dom不刷新 vue 加数据后_vue-改变数据页面不刷新的问题

1. Vue 无法检测实例被创建时不存在于 data 中的 property

由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的

var vm = new Vue({

data:{},

// 页面不会变化

template: '

{ {message}}

'

})

vm.message = 'Hello!' // `vm.message` 不是响应式的

//解决办法

var vm = new Vue({

data: {

// 声明 a、b 为一个空值字符串

message: '',

},

template: '

{ { message }}

'

})

vm.message = 'Hello!'

2. Vue 无法检测对象 property 的添加或移除

Vue 无法检测 property 的添加或移除。由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的

var vm = new Vue({

data:{

obj: {

id: 001

}

},

//