在Vue中，click事件是一種非常常見的事件，它在用戶點擊頁面上的元素時觸發。點擊事件可以通過v-on指令綁定到一個HTML元素上。這個指令后面跟著一個事件名，在這個事件名后面又跟著一個JavaScript表達式。
上面的代碼綁定了一個click事件到一個按鈕上，這個事件會調用一個名為onClick的方法。當用戶點擊這個按鈕時，onClick方法會被調用。
當我們在一個Vue組件中使用click事件時，事件處理器方法應該定義在methods屬性中，這樣它才能被組件模板中的v-on指令訪問。在onClick方法中，我們可以添加任何JavaScript代碼，處理點擊事件可以調用另一個方法，修改組件中的數據等等。
還有一種方式可以綁定click事件，這種方式比v-on指令更簡潔。我們可以直接在HTML元素上添加一個@符號，然后在這個符號后面添加事件名，最后添加要執行的方法。
這個代碼和之前的代碼等價。@click等于v-on:click。
我們也可以使用Vue的修飾符來修飾click事件，這些修飾符可以幫助我們更好地處理事件。例如，.prevent修飾符可以阻止瀏覽器默認行為。.stop修飾符可以阻止事件繼續向上的冒泡。.self修飾符可以讓事件只在觸發元素上觸發，而不是在它的子元素上觸發。
Click me!上面的代碼綁定了一個click事件到一個鏈接上，并使用.prevent修飾符來防止瀏覽器默認行為（即鏈接跳轉）。當用戶點擊這個鏈接時，onLinkClick方法會被調用。
總的來說，click事件是一個非常常用的事件，Vue為我們提供了各種方式來處理它。除了在methods屬性中定義方法之外，我們還可以使用@符號直接在HTML元素上添加事件處理器。修飾符也讓我們能夠更好地控制事件的行為。
上一篇c 轉json多了