vue 阻止事件冒泡

        <div id="app" @click="show(1)">
            <div id="box" @click="show(10)">
                <p @click.stop="show(100)">一个文本段落</p>
            </div>
        </div>

<script>
      var vm = new Vue({
          el:"#app",
          methods:{
              show(num){
                  alert(num);
              }
          }
      })

</script>

　　

在点击事件后面加上.stop就可以。