Vue: $vm.$delete('object.key') doesn't work

[franciscolourenco]

Vue.js version

1.0.26

Reproduction Link

http://jsbin.com/cavadiwosi/1/edit?html,js,console,output

Steps to reproduce

$vm.$delete('object.key')

What is Expected?

$vm.object.key should not exist
$vm.$set('object.key', value) seems to work fine

What is actually happening?

$vm.object.key doesn't change

[itsMapleLeaf]

$set and $delete are deprecated in the new version. Use Vue.set and Vue.delete instead.

toggleRow: function(row) {
  key = row.id
  if (this.selectedRows[key]) {
    console.log('deleteRow: ', key)
    Vue.delete(this.selectedRows, key)
  }
  else {
    Vue.set(this.selectedRows, key, row)
  }   
}

[yyx990803]

Note the API only supports deleting the vm's own keys. Also, prefer Vue.delete.

[luckylooke]

@kingdaro vm.$set and $vm.delete does not seem to be deprecated in actual version 2.x https://vuejs.org/v2/api/#vm-set :)