VUE组件切换方式

1、v-if & v-else和标识符flag
html( < template > ):


【VUE组件切换方式】js:
export default { name: 'name', return data: { flag: true }, methods: {} }

2、:is

3、设置切换动画
.v-enter, .v-leave-to { opacity: 0; transform: translateX(150px); }.v-enter-active, .v-leave-active { transition: all 0.5s ease; }

    推荐阅读