megakor
@megakor
PHP погроммист | ru.sarvarov.dev

Определение методов в компоненте. В чем разница?

Есть ли какая-то разница между этими тремя вариантами?

Вариант 1

<script>
    export default {
        methods: {
            test: () => {
                alert(1);
            }
        },
        mounted() {
            this.test();
        }
    }
</script>


Вариант 2

<script>
    export default {
        methods: {
            test() {
                alert(1);
            }
        },
        mounted() {
            this.test();
        }
    }
</script>


Вариант 3

<script>
    export default {
        methods: {
            test: function () {
                alert(1);
            }
        },
        mounted() {
            this.test();
        }
    }
</script>
  • Вопрос задан
  • 83 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
В первом случае контекстом будет не экземпляр компонента, так что если внутри метода вы хотите вызывать другие методы или обращаться к свойствам, этот вариант неприемлем.

Второй - более короткая запись третьего.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы