vue/no-computed-properties-in-data
disallow accessing computed properties in
data
- ⚙️ This rule is included in all of
"plugin:vue/essential"
,*.configs["flat/essential"]
,"plugin:vue/vue2-essential"
,*.configs["flat/vue2-essential"]
,"plugin:vue/strongly-recommended"
,*.configs["flat/strongly-recommended"]
,"plugin:vue/vue2-strongly-recommended"
,*.configs["flat/vue2-strongly-recommended"]
,"plugin:vue/recommended"
,*.configs["flat/recommended"]
,"plugin:vue/vue2-recommended"
and*.configs["flat/vue2-recommended"]
.
📖 Rule Details
This rule disallow accessing computed properties in data()
.
The computed property cannot be accessed in data()
because is before initialization.
<script>
export default {
data() {
return {
/* ✗ BAD */
bar: this.foo
}
},
computed: {
foo() {}
}
}
</script>
🔧 Options
Nothing.
🚀 Version
This rule was introduced in eslint-plugin-vue v7.20.0