Когда использовать метод create () в vue?

Question

Я узнал о хуках жизненного цикла Vue.js, но не нашел практического сценария, где используется функция create ()?

Я знаю, что функция made () может получить доступ к реактивным данным и событиям, но не можетполучить доступ к элементу DOM.Но на самом деле я не знаю, как его использовать.Пожалуйста, кто-нибудь, помогите мне предоставить практический сценарий, где используется функция Created ()Заранее спасибо.

Answer 1

Многие люди используют шаблон Global Event Bus в Vue:

https://alligator.io/vuejs/global-event-bus/

Пример этой страницы, которая устанавливает прослушиватель событий, имеет следующий пример:

EventBus.$on('i-got-clicked', clickCount => {
  console.log(`Oh, that's nice. It's gotten ${clickCount} clicks! :)`)
});

Это событие можно настроить до того, как шаблон DOM завершит рендеринг для этого конкретного компонента.Если вы подождете здесь, пока шаблон DOM не закончится, вы можете пропустить щелчок.Вы просто хотите сделать это как можно скорее.

Так же, как когда ваш компонент запускает AJAX-запрос, вам не всегда нужно ждать, пока DOM завершит рендеринг вашего компонента.Много раз вы можете отправить запрос сразу.Так почему бы вам не захотеть сбрить время и сразу же запустить запрос AJAX?

Все, что находится в вашем mounted хуке и не нуждается в DOM, может быть перемещено в createdперехват, поэтому он будет выполняться быстрее в вашем жизненном цикле Vue.

Answer 2

Метод create () может быть отличным местом для дополнительных инициализаций данных, которые не зависят от DOM.Я делаю это довольно часто на самом деле.

Answer 3

Посмотрите на эту страницу на сайте vue

Согласно диаграмме:

созданный метод будет вызван до создания шаблона компонента,поэтому вы не можете получить доступ к шаблону, но вы можете изменить значения, которые должны использоваться в шаблоне.Например, вы можете преобразовать JSON-реквизиты в объект или изменить статические данные компонента и ... Единственное отличие, «созданное» с помощью «смонтированного», состоит в том, что вы можете выполнить производительность до того, как шаблон будет создан

, но помнитене изменяйте реактивные данные в созданном методе.потому что каждый раз, когда эти данные изменяются, созданный метод больше не будет вызываться.

Теперь, какой вы используете или какой вам нужен, зависит от вас