vue

遇到屎山代码，大多数人第一反应就是这谁写的代码这么差，其实大多数公司大多数人至少曾经都写过一些屎山代码，有屎山代码很正常，问题在于怎么快速梳理出业务逻辑，防止在迭代新需求时引发bug

1. Vue2中的this违反直觉，编辑器不能正确解析 2. Vue3中的defineComponent可以帮助编辑器解析this 3. 实现一个defineComponent修正this类型

本文介绍了vue类组件实现原理；涉及到this的应用和装饰器模式的原理以及应用；涉及面向对象、面向切面编程、高阶函数、高阶组件等概念，对于我们面试和工作都有很大的帮助

为了搭配vue-class-component进行状态管理，我们选择了vuex-module-decorators + vuex-class，下面我们来介绍他们的用法，以及开发过程中遇到的坑

阅读这篇文章将学习到： 1. vue-property-decorator的用法 2. 装饰器模式的运用 3. 父子组件传值和Computed的灵活搭配

从vue2跨越到vue3是一大步，而在跨越之前社区就产生了很多解决方案：例如template替换为render函数、还有的直接使用jsx语法，更有甚者直接使用类组件的方式来进行编码，与React类组件