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=