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;
}
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- 动态组件与v-once指令
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- (六)Component初识组件
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)