vue开发实践

现代前端框架都是使用组件化机制来搭建整个项目，每个组件内部有自己的数据和模板。 但是总有些数据是需要共享的，比如当前登录的用户名、权限等数据，如果都在组件内部传递，会变得非常混乱，于是就有了状态管理。

前端路由是面试过程中必问的题目，为了弄清楚其核心原理，本文分别对hash和history两种模式手写了vue-router，核心代码总共不到100行，但足以说清楚前端路由的原理。

Vue3在响应式原理、代码组织方式、工程化工具方面进行全新的改进，在开发体验及性能上Vue3有全面的提升。本文，对这些改进进行了一些梳理。

JSX是为了应对更灵活场景的组件开发，以前是使用render函数，但是对于一些复杂组件render函数从写法及维护上效率太低，于是借鉴了react思想，使用JSX语法，最后仍编译为render函数。

vue中的javascript动画用在比较复杂的场景中，主要用到三个钩子函数beforeEnter，enter，afterEnter，分别表示动画开始之前，动画执行中，动画执行结束。

动画transition-group组件使用在v-for渲染的列表中，有两点需要注意：一是key必须唯一，而是需要使用v-move类使动画更加协调。

计算属性不仅使代码更加简洁，同时也能提高性能，在使用中非常广泛。一般常用计算属性获取返回的数据，对如何设置计算属性比较少用，本文对设置计算属性进行了讲解。