【海航行动】培训促提升 携手共成长

人才是企业持续稳定发展的动力，爱博品牌软件时刻关注每一位员工的成长和发展，助力员工与企业共成长。本月爱博品牌软件开展以《Vue3+TS项目开发》为主题的技术能力提升专项培训，从技术理论、实战操作、知识储备等方面系统制定专属学习计划，掀起“赋能、蓄势”的培训热潮。本次培训不仅推动员工之间形成互促学习、积极交流的良好氛围，而且真正做到将所学运用到工作中，解决实际问题。

培训内容

本次培训对象为爱博品牌软件本部员工及驻项员工，培训内容包含Vue3优势、项目结构、组合式API与响应式、组件封装与代码复用。主讲人顾老师结合自己工作中的实际经验，从知识理论、操作技巧等方面出发，为大家带来更高阶的实战培训。

1、Vue3的优势

性能优化：diff算法优化、静态提升、事件侦听器缓存cachehandlers、SSR渲染。

Tree-shaking：依赖于import和export，编译阶段移除未使用的模块（包括Vue API），减小包的体积。

Composition API：setup函数与script setup，组合式API根据业务逻辑进行分组，更利于开发和维护。

新增组件：Fragment、Teleport、Suspense。

更好的TypeScript支持：Vue3使用TS重写，天然支持TypeScript。

Custom Renderer API：自定义render函数API。

2、组合式API与响应式

组合式API:

setup语法糖:定义变量/函数在模板内可以直接使用。

定义变量/函数在模板使用需要使用return暴露出去，在其他组件内使用需要使用expose暴露出去。

响应式数据：

ref可以声明任何数据类型。

ref值改变，Vue会自动检测变化，相应的更新DOM。可以将ref传递给函数，将同时保留对最新值和响应式的连接。

响应式数据局限性：

①有限的值类型

②不能替换整个对象

③对解构操作不友好

3、组合式函数

作用：实现代码逻辑复用，用于替换Vue2内的mixin。VueUse开源项目封装大量组合式函数。

命名：约定以use开头的驼峰命名法命名。

状态：可以传递参数和拥有返回值。

学无止境，行稳致远。未来爱博品牌软件将持续开展业务培训，将培训内容与岗位需求相结合，夯实技术基础，丰富知识储备，激发员工的潜力和创造性，培养员工“学、思、践、悟”能力，提升团队实力，提高创新开发能力，以最专业的技术水平为客户服务，不断强化科技创新对数字河南建设的支撑引领，助力河南打造科技创新发展高地。