vue中@click指令是用于監聽元素的點擊事件的一個指令。該指令可以在模板中使用，它與JavaScript中的addEventListener()方法類似。@click指令可以添加到任何可以點擊的元素上，例如按鈕、鏈接、圖片等等。

點擊按鈕

上面的代碼中，我們在一個按鈕元素上添加了@click指令，指令的值是一個doSomething方法。當用戶點擊按鈕時，該方法就會被調用。使用@click指令可以非常方便地實現頁面的交互功能。

如果我們想要在方法中訪問事件對象，可以通過給方法添加一個參數來實現。例如：

點擊按鈕

上面的代碼中，我們在doSomething方法中添加了一個$event參數。$event是一個自動傳遞的事件對象，可以訪問事件的一些屬性和方法。例如，我們可以使用$event.preventDefault()方法來阻止默認的行為。

在vue中，@click指令也可以與v-on指令等價。例如：

點擊按鈕點擊按鈕

此外，@click指令還可以使用修飾符來改變事件的行為。常用的修飾符包括：

• .stop：阻止事件冒泡
• .prevent：阻止默認行為
• .capture：事件捕獲
• .self：只有當事件是由元素本身觸發時才觸發方法
• .once：只觸發一次

例如，我們可以使用.stop修飾符來阻止事件的冒泡。

點擊按鈕

最后要注意的是，在vue中，如果一個元素同時存在@click和@click.native指令時，@click會優先觸發。這是因為@click.native指令只會監聽元素的原生事件，而@click指令就可以監聽由vue生成的代理事件。