Есть ли способ написать быструю функцию с помощью клика vue?

Question

Мне было интересно, можно ли написать что-то вроде ниже;

<buttton @click="function(){alert('Yoohooo')}"></button>

Без необходимости писать метод в экземпляре Vue каждый раз, когда я хочу использовать @click для чего-то меньшего, чем это.

Answer 1

Это невозможно, потому что Vue пытается добавить больше атрибутов к DOM и событиям DOM по-своему с помощью пользовательских атрибутов и их аннотаций, методы должны быть записаны в methods и так далее. Как вы знаете, HTML отображается браузерами по имени тега, Vue также делает это по новым правилам, с большим синтаксисом, но в основном он не позволяет писать функцию javascript в качестве атрибутов тега

Answer 2

Вы можете использовать window-plugin

https://www.npmjs.com/package/window-plugin

<button @click='$window.alert("You clicked a button.")'>Click Me</button>
<button @click='$window.console.log("A button was clicked.")'>Click Me</button>
<button @click='$window.open("https://www.quickchords.org/", "_blank"))'>Click Me</button>
<h1 :v-text='$document.title' />