你要找的是“精确”修饰语。

<div @click.shift="aaa()" @click.exact="bbb()">...</div>

https://vuejs.org/guide/essentials/event-handling.html#exact-modifier
.exact修饰符允许控制触发事件所需的系统修饰符的精确组合。
所以这个click事件只有在使用NO修饰符时才会触发，当@click.shift被触发时，它不会被执行。请注意，这也将阻止alt+click，cnc +click等。

我会这样做，添加一个单击处理程序，它将相应地调度事件。

new Vue({
  el: '#app',
  methods: {
    aaa() {
      console.log('aaa() executed!');
    },
    bbb(event) {
      if (!event.shiftKey) {
        console.log('bbb() executed!');
      }
    }
    ccc(event){
      if (event.shiftKey) {
        this.aaa(event);
      }else{
        this.bbb(event);
      }
    }
  }
})

div {

        background-color: green;
        padding: 20px;

      }

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    <div id="app">
      <div @click="ccc($event)">Click me!</div>
    </div>

new Vue({
  el: '#app',
  methods: {
    aaa() {
      console.log('aaa() executed!');
    },
    bbb(event) {
      if (!event.shiftKey) {
        console.log('bbb() executed!');
      }
    }
  }
})

div {

        background-color: green;
        padding: 20px;

      }

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    <div id="app">
      <div @click.shift="aaa()" @click="bbb($event)">Click me!</div>
    </div>

希望这有帮助！