Last modified: 13 May 2022

Reports a Vue component data property that is not a function. Suggests wrapping an object literal with a function.

When defining a component, data must be declared as a function that returns the initial data object, because the same definition will be used for creating numerous instances. If a plain object is still used for data, that very object will be shared by reference across all instances created! With a data function, every time a new instance is created we can simply call it to return a fresh copy of the initial data.

Suppress an inspection in the editor

1. Place the caret at the highlighted line and press AltEnter or click .

2. Click the arrow next to the inspection you want to suppress and select the necessary suppress action.