Как сделать вызов функции при загрузке страницы vue js?

Аватар пользователя Aleksey
Aleksey
13 апреля 2023

Для вызова функции при загрузке страницы в Vue.js можно использовать хук жизненного цикла mounted.

Пример:

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        message: '',
      };
    },
    mounted() {
      this.message = this.getMessage();
    },
    methods: {
      getMessage() {
        return 'Hello, World!';
      },
    },
  };
</script>

В этом примере мы определили компонент, который выводит сообщение на странице. Мы определили метод getMessage, который возвращает строку "Hello, World!". В методе mounted мы вызываем этот метод и присваиваем результат свойству message. Затем мы выводим значение свойства message на странице с помощью двойных фигурных скобок.

Когда компонент загружается, метод mounted вызывается один раз, и мы получаем сообщение "Hello, World!" и выводим его на странице.

0 0
Познакомьтесь с основами JavaScript бесплатно