按钮点击隐藏和显示

<template>
  <d2-container>
    <template slot="header">header</template>
     <div id="box">

       <div v-if="show">hello world</div>
     <el-button size="mini" @click="showCont"  >全部已读</el-button>

    </div>

    <template slot="footer">footer</template>
  </d2-container>
</template>

<script>

export default {
 name: "page4",
  data(){
        return{
         show:true,
        }
  },
  methods:{
    showCont:function(){

this.show = !this.show;

}
  }

}
</script>