BonBonSlick
@BonBonSlick
Vanilla Web Architect

Как vue трактует data таким способом обьявления?

https://vuejs.org/v2/guide/components.html#data-Mu...

data:       () => (
        {
            text: this.isEditPage() ? 'Default text. Edit  this text' : '',
        }
    ),
    data () {
        return {
            text: this.isEditPage() ? 'Default text. Edit  this text' : '',
        };
    }

1 - вариант, параметр = функции
2 - й, функция по имени data()

1 - идет присвоение
2 - идет обьявление (но где и как оно присваивает то что return?)

Второй способ более затратный по ресурсам? Если да, то на сколько и при каких обьемах данных?
И как можно было бы в дальнейшем посмотреть где под капотом оно вызывает и как обрабатывает и другие параметры компонента, к примеру я хочу посмотреть как работает watch конкретного компонента, где, когда и как вызван?
  • Вопрос задан
  • 88 просмотров
Решения вопроса 2
Seasle
@Seasle Куратор тега JavaScript
Помог - отметь решением \( ゚ヮ゚)/
Там где нету return'а читать это. И про методы.
Ответ написан
bingo347
@bingo347 Куратор тега JavaScript
Бородатый программер
Vue никак не трактует Ваш JS, ибо Vue не Svelte

P.S. У стрелочной функции this.isEditPage() вызовется из окружения (в случае webpack модуля, это объект exports), а у метода data() - из контекста компонента
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы