玩转Vue3：升级你的前端框架--掘金小册课程推荐/优惠

作者介绍

木雨Lanse，科大讯飞前端研发工程师，5年研发经验，发表过多篇前端技术专利，通读Vue源码，对Vue项目有丰富的实战经验。

小册介绍

Vue作为当前最热门的框架，在实际开发中，应用是非常广泛的。2020年9月份发布了Vue3.0版本，Vue3在Vue2的基础上，引入typescript重构了大量的代码，产生了一些新的特性和非兼容性的变更。

• Composition Api：极大的提高了代码的灵活组合，方便了功能模块的拆分，让你的代码更加的简洁自由，全局api的修改对Tree Shaking的支持也更加友好。

• 新的响应式方案： 使用Proxy替换了Object.defineProperty来实现响应式，实现了真正的数据拦截，重新定义了ref，reactive方法来创建响应式变量，还有很多与JS API相关的进阶式用法。

• Vite： 新一代构建工具，毫秒级的冷启动和热更新时间，利用现代浏览器支持ES Modules的特性，完全省略了打包的步骤，Esbuild预构建模块更是比Webpack快10~100倍。

• Vue3全家桶： 随着Vue3的升级，Vue-router和Vuex也分别升级到@4的版本，新的路由系统和数据管理，也会让我们的项目性能得到提升。

合格的研发人员要时刻对新技术保持敏感和好奇，Vue3的出现也会对我们的项目研发产生巨大的影响，无论你是否决定升级你的框架，Vue3都值得了解学习。

那么，学习Vue3很难吗？跟随本小册，从新特性剖析，到项目的迁移升级，从构建工具到全家桶实战，在项目开发的各个方面为你介绍Vue3的功能特性，帮助你一步一步升级你的前端框架，轻松玩转Vue3。

你会学到什么？

小册系统整理了从Vue2升级到Vue3需要掌握的知识点，包含以下几个阶段，带领你完成技术的过渡。

1. 特性剖析： Vue2与Vue3纵向的特性对比，从源码和设计层面分析，加深对Vue3新特性的理解，帮助大家掌握Vue3新特性。

2. 升级实战： 介绍Vue3的非兼容性变更，并告诉大家如何判断一个项目是否应该升级，一起完成一次真实项目的升级过程。

3. 构建工具： 剖析新一代的构建工具，深入Vite原理，使用Vite+Vue3完成基础项目的搭建，熟悉Vite工具的使用。

4. Vue3全家桶： 路由系统、状态管理、网络请求、组件化开发等全家桶工具应用示例和原理解析，进一步熟悉Vue3的新特性以及进阶用法。

5. 项目优化： 对前端项目的性能进行监测优化，提高代码效率。

经过这几个阶段的学习，希望能帮助你降低学习Vue3的成本，并整理出适合自己的学习方法，虽然本小册不能解决你所有的问题，但一定可以让你从中收获一些属于自己的东西。

路漫漫其修远兮，吾将上下而求索。

适宜人群

• 了解Vue的基础用法， 对Vue2有一定研发经验的同学；
• 想要学习Vue原理相关的知识点并深入了解的同学；
• 想要掌握Vue3最全家桶，用于进阶开发的同学。

• 通过Vue3，搭建自己的框架思维

• Options Api很普及，为什么Vue3还要出Composition Api？

• Vue3.0中的响应式做了哪些改变？

• Vue2升级Vue3有哪些非兼容性变更？

• 怎样将你的Vue2项目升级到Vue3？

• Vite为什么这么快？

• 使用Vue3+Vite搭建项目

• 如何使用组件化来开发你的Vue3项目？

• 怎样让你的组件变得更灵活？

• Vue3中的过渡和动画效果实现

• Vue3全家桶之数据管理

• Vue3全家桶之路由系统

• Vue3全家桶之网络请求

• 怎样使用typescript来规范你的代码？

• 如何优化你的Vue3项目？

• 加餐1：前端框架发展之路

• 加餐2：前端框架的数据驱动

• 加餐3：虚拟DOMdiff算法解析