<!DOCTYPE html> <html> <head> <title>Vue</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <ul @click.self="handleUlClick()"> <li @click.stop="handleLiClick($event)">A</li> <li @click="handleLiClick()">B</li> <li>C</li> </ul> </div> <script> var app = new Vue({ el: '#app', data: { }, methods: { handleLiClick(ev) { console.log("li click"); }, handleUlClick() { console.log("ul click"); } } }); </script> </body> </html>