Vue.js 2: Delete property from data object

Question

How can you delete a property/key from a Vue.js data object (i.e. associative array) like this:

var vm = new Vue({     data: {         users: {             foo : { firstName: ..., lastName: ... },             bar : { firstName: ..., lastName: ... }         }     },     methods: {         someFunction : function ()         {             // how to remove `users.foo`?         }     } }); 

Googling around, I found these two ways, but both don't work:

• delete this.users.foo; is not updating the DOM
• this.users.splice('foo', 1); is not working at all (probably only works on arrays, not on objects)

Answer 1

The answer is:

Vue.delete(users, 'foo'); 

It took me a while to find it, that's why I'm posting it here ;-)
https://github.com/vuejs/vue/issues/3368#issuecomment-236642919