Журнал консоли 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 непосредственно в шаблоне, вы можете использовать:

this.console.log('test')

Например:

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

Надеюсь, что я каким-то образом помог

Answer 2

в вашем шаблоне используйте две фигурные скобки, такие как {{console.log ('hello')}}}