<div id="app">
  <div class="wrap mt-4">
    <div class="box mb-4" @click.left="trigger('left click')"></div>

  </div>
  
  
</div>
.size{
  font-size: 30px;
  font-weight: 600;
}
.wrap{
  max-width: 400px;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.box{
  width: 100px;
  height: 100px;
  outline:1px solid black;
  transition:all .5s;
}

var app = new Vue({
  el:'#app',
  data:{
    
  },
  methods:{
    trigger: function(str){
      console.log(str);
    }
  }
})

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js