pageClass | sidebarDepth | title | description |
---|---|---|---|
rule-details |
0 |
vue/no-deprecated-data-object-declaration |
disallow using deprecated object declaration on data (in Vue.js 3.0.0+) |
disallow using deprecated object declaration on data (in Vue.js 3.0.0+)
- ⚙️ This rule is included in all of
"plugin:vue/vue3-essential"
,"plugin:vue/vue3-strongly-recommended"
and"plugin:vue/vue3-recommended"
. - 🔧 The
--fix
option on the command line can automatically fix some of the problems reported by this rule.
This rule reports use of deprecated object declaration on data
property (in Vue.js 3.0.0+).
The different from vue/no-shared-component-data
is the root instance being also disallowed.
createApp({
/* ✗ BAD */
data: {
foo: null
}
}).mount('#app')
createApp({
/* ✓ GOOD */
data () {
return {
foo: null
}
}
}).mount('#app')
<script>
export default {
/* ✗ BAD */
data: {
foo: null
}
}
</script>
<script>
export default {
/* ✓ GOOD */
data () {
return {
foo: null
}
}
}
</script>
Nothing.