<template>

<div>

  <div>

  <button @click='show=!show'>

  anniu 

  </button>

  <transition name="fade">

  <p v-if='show'>显示</p>

  </transition>

  </div>

  <router-link to="/demo1">demo1</router-link>

</div>

</template>

<script>

export default{

data(){

return{

         show:true

}

}

}

</script>

<style>

.fade-leave-active,.fade-enter-active{

transition:opacity .5s

}

.fade-leave-to,.fade-enter{

opacity: 0

}

</style>