Разобраться в основах Vue.JS?

Question

[beduin01]

Учу JS и Vue.JS столкнулся с тем, что не понимаю основы Vue и чтение документации их не проясняет.
vuejs.org/api/#data
С созданием объекта Vue вроде все понятно. Однако что значит `data`?

Как я понимаю можно вызывать расширенный конструктор, который называется Vue.extend. В нем можно создать компонент. Но почему когда он вызывается из компонента нужно делать return?
"When defining a component, data must be declared as a function that returns the initial data object, because there will be many instances created using the same definition".

Если я в базовой версии которая не компонент return сделаю, то что будет?

Что значит `methods`? Что мне туда класть? Могу ли я в `data` функции вызывать?

Comments

[rmaksim]

methods - vuejs.org/guide/events.html

[Сергей Мочалов]

А как давно вы учите JS?

Answer 1

[Александр Алексеев]

data - это модель, объект где будут все данные приложения
methods - функции обработки данных, логика приложения

грубо говоря функциями из methods обрабатываем модель data и в шаблонах динамически меняются блоки подписанные на данные из модели