关于 Vue 响应式的坑

当我们为视图双向绑定一个obj对象时，由于vue不能实时监听对象属性的变化，所以我们常常使用Vue.$set给obj的属性赋值，这样可以避免响应不实时的情况……

<form :data="obj"></form>

但是如果这样初始化对象：

let obj = {}

obj.name = 'balabala' 

那么此后即使用$set给obj的name属性赋值，也还是会出现监听不到属性变化的情况，原因是：
Vue.$set方法要求对象内的key不存在，不然只会更新值，并不会为该Key添加响应监测。
但是如果在初始化对象时这样做：

let obj = {name: 'balabala'}

问题就不存在了！