Vue使用click控制v-show/v-if的简写方式？

Question

<button v-click='btn'>按钮</button>
<div v-show="div">
   一个DIV
</div>

div:true;

btn(){
    this.div=!this.div
}

是不是有简写的方式可以直接控制呢？

Answer 1

<template>
  <div>
    <button @click="visible = !visible">按钮</button>
    <div v-show="visible">
      一个 DIV
    </div>
  </div>
</template>

export default {
  data() {
    return {
      visible: false,
    };
  },
}

Answer 2

@click= ，使用的语法糖 相当于 v-on:click=