![Vue笔记[四]-动画、Vuex](https://cdn.chuckle.top/images/56-1.webp)
轻笑Chuckle
·
Vue笔记[四]-动画、Vuex
💡
原文中文，约16800字，阅读约需40分钟。
📝
内容提要
本文介绍了Vue中的过渡与动画效果的使用方法，包括过渡标签的使用、样式类名的控制、第三方动画库的引入。同时，还介绍了Vue中发请求的方法，包括使用Axios发送请求和配置代理服务器。最后，介绍了Vuex的使用方法，包括配置和创建Store实例、使用getters和mutations。同时，还介绍了Vuex的模块化使用方法。
🎯
关键要点
- Vue封装了过渡与动画效果，自动在合适时刻添加或移除类名。
- 使用<transition>和<transition-group>标签来实现单个或多个元素的动画效果。
- 通过样式类名控制元素的进入和离开效果，使用v-show和v-if配合。
- 可以使用appear属性让动画在网页首次加载时触发。
- 可以使用第三方动画库如animate.css，设置enter-active-class和leave-active-class属性。
- 在Vue中发请求通常使用Axios，需配置代理服务器以解决跨域问题。
- 在vue.config.js中配置devServer以代理API请求。
- Vuex用于集中式状态管理，适用于多个组件共享状态的场景。
- Vuex的核心组成部分包括Actions、Mutations和State。
- 通过dispatch()调用Actions，commit()触发Mutations，更新State。
- 使用mapState和mapGetters简化状态的获取，使用mapActions和mapMutations简化方法调用。
- Vuex支持模块化管理，便于维护和避免命名冲突。
➡️
