无法使vue2-transitions包正常工作

Question

我正在尝试使vue2-transitions程序包在我的项目中工作，但我无法实现。这就是我所拥有的。显然我之前运行过npm install。

"dependencies": {
    ...
    "vue2-transitions": "^0.3.0",
  },

<template>
    <fade-transition>
        <div v-if="visible">
            Some content here which I omitted for clarification
        </div>
    </fade-transition>
</template>
<script>

import {FadeTransition} from 'vue2-transitions';

export default {
  components: {
    FadeTransition
  },
  data() {
    return {
      visible: true,
    }
  }
};
</script>

Answer 1

变量 visible 的默认值为TRUE，首先将其设置为false，然后再将其切换即可使用。

由于Vue已经提供了内置的转换功能，因此无需使用第三方库进行转换。

See example on VueJs document