vue中transition组件在项目中运用

单个弹入弹出运用

注意：

1. name的名字为多少，则下面的样式class开头就要为多少
2. 通过v-if来配合执行动画效果

<template>
  <div>
  <button v-on:click="show = !show">
    Toggle
  </button>
  <transition name="fade">
    <p v-if="show">hello</p>
  </transition>
  </div>
</template>

<script>
export default {
   
  data () {
   
    return {
   
      show: true
    }
  },
}
</script&