vue 点击按钮 显示/隐藏 文本动态显示

<template>
	 <div>
        <button v-text="btnText" @click="showToggle"></button>
        <div v-show="isShow">要显示与隐藏的内容块</div>
    </div>
</template>

<script>
	export default {
	  data () {
	      return {
	          isShow: true,
	          btnText: "隐藏",
	      }
       },
	   methods:{
            showToggle(){
                this.isShow = !this.isShow
                if(this.isShow){
                    this.btnText = "隐藏"
                }else{
                    this.btnText = "显示"
                }
            }
        }
</script>