vue.js - 在 VueJS 中更新多个数据

Question

考虑以下示例并提出正确的方法来处理这个问题，或者让我从这种想法中清醒过来

data(){
   return{
       a: true,
       b: 5
   }
},
someMethod: function(){
    /*Currently update using the following lines,
      this.a = false
      this.b = 6
    */
    //Is there anything to update multiple attributes at a single line
    //Like in ReactJS
    //this.setState({})
    //Or correct my VueJS knowledge if im wrong 
}

Answer 1

你可以用 Object.assign(...) 做你想做的事.它提供了 this.setState 中的浅合并，您可以通过这种方式设置基本级别的属性

Vue 还有 vm.$set(this, propName, value)和 Vue.set(this, propName, value) ，尽管它们提供了类似的功能，但它们不会合并现有的 Prop 与新的 Prop (它们只是覆盖)，并且它们不允许您使用与 相同的语法设置基本级别的属性this.setState({}) 但需要您使用 Vue.set(this, propName, {})

// Poor mans setState(...), only using the shallow merge
methods: {
    setState(obj) {
        Object.assign(this, obj)
    },
}

See attached pen