Как правильно писать функцию вызова со скобками или без?

Question

[siRius32]

<script setup>
const open = () => {
  console.log('opened')
}
</script>

<template>
  <button @click="open">Open</button>
  <!--OR-->
  <button @click="open()">Open</button>
</template>

Как правильно @click="open" или со скобками @click="open()"?

Answer 1

[Алексей Ярков]

Во-первых где тег Vue? А во-вторых в документации всё есть.

Answer 2

[Лев Александров]

Во втором варианте создаётся дополнительная функция, внутри которой одна строчка: open().
Поэтому лучше первый вариант