对象添加、删除属性

不同步渲染视图：

ajax: {
  readonly: 1,
  type:2,
  mobile: '15999999999'
}

1、添加新的属性 name：

代码：ajax.name = '张三'
结果如下：

ajax: {
  readonly: 1,
  type:2,
  mobile: '15999999999',
  name : '张三'
}

2、删除属性 readonly

代码如下：delete ajax.readonly;
结果如下：

ajax: {
  type:2,
  mobile: '15999999999',
  name : '张三'
}

同步渲染视图：

在vue中官方定义：

Vue 不允许在已经创建的实例上动态添加新的根级响应式属性 (root-level reactive property)。然而它可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上：
解决办法：
Vue.set(vm.obj, 'e', 0)，vue是全局方法的别名

1、添加新的属性 e：

obj:{
  code: 1,
  name: 'nice'
}

写法：this.$set(this.obj,'e','02')
结果：

obj:{
  code: 1,
  name: 'nice'，
  e: '02'
}

2、删除属性 e

this.$delete(item, this.obj.e)
结果：

obj:{
  code: 1,
  name: 'nice'
}