vue 怎样点击加号让减号显示出来

        const app = new Vue({
            el:'#app',
            data:{
                counter:1,
                show:true
            },
            methods: {
                add:function(){
                    this.counter++
                },
                sub:function(){
                    if(this.counter>0){
                        this.counter--
                    }else{
                        this.counter = 0
                        this.show = !this.show

                    }
                }
            }
        })

    <div id="app">
  
        <div>
            
            <button v-on:click="add">+</button>
            <span>{{counter}}</span>
            <button @click="sub" v-show="show">-</button>
        </div>
    </div>

哈哈，自己解答了

<button @click="sub" v-show='counter>0'>-</button>

不严谨，你写的，一般要配合vuex

v-show

您好，我是有问必答小助手，你的问题已经有小伙伴为您解答了问题，您看下是否解决了您的问题，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！

速戳参与调研>>>https://t.csdnimg.cn/Kf0y