Vue.js 2:从数据对象中删除属性

您如何从Vue.js数据对象(即关联数组)中删除属性/键,如下所示:

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

到处搜寻,我发现了以下两种方式,但两种方式都不起作用:

  • delete this.users.foo; 没有更新DOM
  • this.users.splice('foo', 1); 根本不起作用(可能仅适用于数组,不适用于对象)