Tip#14 Private data in Vue.js

Why naming data like _value doesn't work?

The code below, should output "FooBar FooBar", but the actual output is "FooBar undefined".

 data: {
    value: 'FooBar',
   _value: 'FooBar'
 },
 
 mounted () {
   console.log(this.value, this._value)
 }

That's because properties starting with _ or $ are reserved for Vue itself.

If you need to create private properties, you have to choose a different name, like editableValue for example. Other suggestion is to use _ and $ as suffix, like value_ or value$.

But you can use them for methods and computed properties.