# mpx/no-side-effects-in-computed-properties

不允许在computed中的副作用

⚙️ 这条规则包含在"plugin:mpx/mpx-essential"。

# 📖 规则详情

此规则旨在防止在computed中产生副作用的代码。

在计算属性中引入副作用被认为是一种非常糟糕的做法。它使代码不可预测且难以理解。

<script>
/* ✓ GOOD */
createComponent({
  computed: {
    fullName () {
      return `${this.firstName} ${this.lastName}`
    },
    reversedArray () {
      return this.array.slice(0).reverse() // .slice makes a copy of the array, instead of mutating the orginal
    }
  }
})
</script>

Now loading...

<script>
/* ✗ BAD */
createComponent({
  computed: {
    fullName () {
      this.firstName = 'lorem' // <- side effect
      return `${this.firstName} ${this.lastName}`
    },
    reversedArray () {
      return this.array.reverse() // <- side effect - orginal array is being mutated
    }
  }
})
</script>

Now loading...

# 🔧 选项

无.

# 🔍 具体实现

← mpx/no-reserved-keys mpx/return-in-computed-property →