Vue.js Vue JS控制台日志,不定义方法

Vue.js Vue JS控制台日志,不定义方法,vue.js,vue-cli,Vue.js,Vue Cli,如果我需要测试一个元素,看看控制台上发生了什么。我正在定义一个方法并在这样的模板中调用它 我的纽扣 方法:{ logHello(){ console.log('Hello world') } } 但我不想在每次需要记录某些内容时都定义一个方法。是否有一种方法可以只使用模板记录某些内容,而不在这样的实例中写入任何内容: 我的按钮 我知道这个不起作用,但我正在寻找类似的东西。在模板中使用两个类似的花括号 {{console.log('hello')}它非常简单,但不太推荐。 要直接在模板中发布

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


我的纽扣
方法:{
logHello(){
console.log('Hello world')
}
}
但我不想在每次需要记录某些内容时都定义一个方法。是否有一种方法可以只使用模板记录某些内容,而不在这样的实例中写入任何内容:

我的按钮

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

在模板中使用两个类似的花括号
{{console.log('hello')}

它非常简单,但不太推荐。 要直接在模板中发布console.log,可以使用:

this.console.log('test')
例如:

<button @click="this.console.log('Hello')"> My Button </button>
我的按钮
我希望我能以某种方式提供帮助

您可以尝试以下方法: