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>&nbsp; <div>&nbsp; &nbsp; <button @click="visible = !visible">按钮</button>&nbsp; &nbsp; <div v-show="visible">&nbsp; &nbsp; &nbsp; 一个 DIV&nbsp; &nbsp; </div>&nbsp; </div></template>export default {&nbsp; data() {&nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; visible: false,&nbsp; &nbsp; };&nbsp; },}

Answer 2

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