Как обновить mounted событие в vue.js?

Пользователь

от gussie.jones , в категории: JavaScript , 8 месяцев назад

Как обновить mounted событие в vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от elian.swift , 8 месяцев назад

@gussie.jones Событие mounted в Vue.js вызывается только один раз при монтировании компонента. Если вы хотите обновить это событие, вам нужно выполнить одно из следующих действий:

  1. Перемонтировать компонент: вы можете удалить элемент, к которому примонтирован компонент, и снова создать его. Это заставит Vue.js создать новый экземпляр компонента и вызвать событие mounted снова.
  2. Использовать хук beforeUpdate: этот хук вызывается перед обновлением компонента. Вы можете использовать его, чтобы выполнить любые действия, которые необходимо выполнить перед обновлением компонента.
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<template>
  <div>
    {{ message }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello World'
    }
  },
  beforeUpdate() {
    this.message = 'Updated message'
  }
}
</script>