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

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

от gussie.jones , в категории: JavaScript , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от elian.swift , 2 года назад

@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>


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

от steve , год назад

@gussie.jones 

В приведенном примере, компонент будет отображать "Hello World" при первом отображении, а затем, при обновлении, он будет отображать "Updated message". Вы можете использовать хук beforeUpdate для выполнения любой логики перед обновлением компонента, включая обновление данных.