no-computed-properties-in-data.md

Pattern: Accessing computed property in data()

Issue: -

Description

The computed property cannot be accessed in data() because is before initialization.

<script>
export default {
  data() {
    return  {
      /* ✗ BAD */
      bar: this.foo
    }
  },
  computed: {
    foo () {}
  }
}
</script>

Further Reading

• eslint-plugin-vue - no-computed-properties-in-data