<body>
<div id = "app">
    {{message}}
    <div @click="divClick">
        divClick
        <button @click.stop="btnClick">btn</button>
    </div>
</div>

<script src="../vue.js"></script>
<script>
    const app = new Vue({
        el: '#app',
        data: {
            message: 'hello world'
        },
        methods: {
            divClick() {
                console.log("divClick");
            },
            btnClick() {
                console.log("btnClick");
            }
        }
    })
</script>
</body>

Vue - @click.stop_javascript

点击btn按钮时，divClick被阻止。

如果没有.stop则会同时调用2个方法

Vue - @click.stop_javascript_02 

 .stop 调用event.stopPropagation()