有没有一种方法可以使用vue的@click编写快速功能？

Question

我想知道是否可以编写如下内容；

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

每次我想使用@click这样小的东西时，都不必在Vue实例中编写方法。

Answer 1

您可以使用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' />

Answer 2

这是不可能的，因为Vue试图以自定义属性及其注释的方式向DOM和DOM事件添加更多属性，方法应以methods编写，依此类推。如您所知，HTML是由浏览器按标签名称显示的，Vue也会通过新规则，更多语法来做到这一点，但基本上它不允许将javascript函数编写为标签属性