事件监听

事件处理器 (handler) 的值可以是：

1. 内联事件处理器：事件被触发时执行的内联 JavaScript 语句 (与 onclick 类似)。
2. 方法事件处理器：一个指向组件上定义的方法的属性名或是路径。

 

内联事件：

// js
const count = ref(0)

// html
<button @click="count++">Add 1</button>
<p>Count is: {{ count }}</p>

 

方法事件：

// js
const name = ref('Vue.js')

function greet(event) {
  alert(`Hello ${name.value}!`)
  // `event` 是 DOM 原生事件
  if (event) {
    alert(event.target.tagName)
  }
}


// html

<!-- `greet` 是上面定义过的方法名 -->
<button @click="greet">Greet</button>

 

 

世界之大，咱追求的是什么