В чем разница между created и mounted

created и mounted — это хуки жизненного цикла во Vue.js.

created:

• Вызывается синхронно после создания экземпляра компонента.
• Доступны данные (data), вычисляемые свойства (computed), методы (methods), но DOM ещё не сгенерирован (this.$el — undefined).
• Подходит для инициализации данных, API-запросов.

mounted:

• Вызывается после монтирования компонента в DOM (this.$el доступен).
• Можно работать с DOM, например, использовать querySelector или сторонние библиотеки, требующие DOM.

Пример:

export default {
  data() {
    return { message: 'Hello' }
  },
  created() {
    console.log(this.message); // 'Hello'
    console.log(this.$el);     // undefined
  },
  mounted() {
    console.log(this.$el);     // <div>Hello</div>
  }
}