Vue 為什麼在 HTML 中監聽事件?

標籤：理念   white   nbsp   normal   視圖   模板   綁定   code   事件   

為什麼在 HTML 中監聽事件?

你可能注意到這種事件監聽的方式違背了關注點分離（separation of concern）傳統理念。不必擔心，因為所有的 Vue.js 事件處理方法和運算式都嚴格綁定在當前視圖的 ViewModel 上，它不會導致任何維護上的困難。實際上，使用 v-on 有幾個好處：

1. 掃一眼 HTML 範本便能輕鬆定位在 JavaScript 代碼裡對應的方法。

2. 因為你無須在 JavaScript 裏手動綁定事件，你的 ViewModel 代碼可以是非常純粹的邏輯，和 DOM 完全解耦，更易於測試。

3. 當一個 ViewModel 被銷毀時，所有的事件處理器都會自動被刪除。你無須擔心如何自己清理它們。

Vue 為什麼在 HTML 中監聽事件?