Vue JS 控制台日志，无需定义方法

Question

如果我需要测试一个元素并查看控制台上发生了什么。我正在定义一个方法并在这样的模板中调用它。

<template>
<button @click="logHello()"> My Button </button>
</template>
<script>
methods: {
logHello(){
console.log('Hello world')
}
}
</script>

但是我不想在每次需要记录某些内容时都定义一个方法。有没有办法只使用模板来记录一些东西，而不是在这样的实例中写入任何内容：

<button @click="console.log('Hello')"> My Button </button>

我知道这个不起作用，但我正在寻找类似的东西。

Answer 1

使用两个大括号，如下所示 {{console.log('hello'(}}

Answer 2

这很简单，但不是很推荐。 要发布控制台.log请直接在模板中使用：

this.console.log('test')

例如：

<button @click="this.console.log('Hello')"> My Button </button>

我希望我以某种方式提供帮助