人才是企业持续稳定发展的动力,海融软件时刻关注每一位员工的成长和发展,助力员工与企业共成长。本月海融软件开展以《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开头的驼峰命名法命名。
状态:可以传递参数和拥有返回值。
学无止境,行稳致远。未来海融软件将持续开展业务培训,将培训内容与岗位需求相结合,夯实技术基础,丰富知识储备,激发员工的潜力和创造性,培养员工“学、思、践、悟”能力,提升团队实力,提高创新开发能力,以最专业的技术水平为客户服务,不断强化科技创新对数字河南建设的支撑引领,助力河南打造科技创新发展高地。