编辑“︁Vue.js程序化事件监听器”︁（章节）

== 核心概念 ==

=== 与传统模板监听的区别 ===
传统的事件监听通常在模板中使用`v-on`指令（或`@`缩写）：
<syntaxhighlight lang="html">
<!-- 模板方式 -->
<button @click="handleClick">点击</button>
</syntaxhighlight>

而程序化监听则通过JavaScript API实现：
<syntaxhighlight lang="javascript">
// 程序化方式
mounted() {
  this.$el.addEventListener('click', this.handleClick)
}
</syntaxhighlight>

=== 关键优势 ===
* '''动态控制'''：可以随时添加/移除监听器
* '''精确作用域'''：可监听任意DOM元素或组件实例
* '''生命周期管理'''：避免内存泄漏
* '''条件监听'''：根据业务逻辑动态调整