Vue3.0的哪些优化措施可以被称为长尾词级的技术革新?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1537个文字,预计阅读时间需要7分钟。
1. 代码优化: a. 采用monorepo管理Vue.js 2.x源码,将源码托管在src目录,并依据功能模块分割出compiler(模板编译相关代码)、core(与平台无关的通用运行时代码)和platforms(平台专用代码)。
1.源码优化:
a.使用monorepo来管理源码
- Vue.js 2.x 的源码托管在 src 目录,然后依据功能拆分出了 compiler(模板编译的相关代码)、core(与平台无关的通用运行时代码)、platforms(平台专有代码)、server(服务端渲染的相关代码)、sfc(.vue 单文件解析相关代码)、shared(共享工具代码)等目录。
- Vue.js 3.0,整个源码是通过 monorepo 的方式维护的,根据功能将不同的模块拆分到 packages 目录下面不同的子目录中,每个 package 有各自的 API、类型定义和测试。
b.使用Typescript来开发源码
- Vue.js 2.x 选用 Flow 做类型检查,来避免一些因类型问题导致的错误,但是 Flow 对于一些复杂场景类型的检查,支持得并不好。
- Vue.js 3.0 抛弃了 Flow ,使用 TypeScript 重构了整个项目。 TypeScript 提供了更好的类型检查,能支持复杂的类型推导;由于源码就使用 TypeScript 编写,也省去了单独维护 d.ts 文件的麻烦。
本文共计1537个文字,预计阅读时间需要7分钟。
1. 代码优化: a. 采用monorepo管理Vue.js 2.x源码,将源码托管在src目录,并依据功能模块分割出compiler(模板编译相关代码)、core(与平台无关的通用运行时代码)和platforms(平台专用代码)。
1.源码优化:
a.使用monorepo来管理源码
- Vue.js 2.x 的源码托管在 src 目录,然后依据功能拆分出了 compiler(模板编译的相关代码)、core(与平台无关的通用运行时代码)、platforms(平台专有代码)、server(服务端渲染的相关代码)、sfc(.vue 单文件解析相关代码)、shared(共享工具代码)等目录。
- Vue.js 3.0,整个源码是通过 monorepo 的方式维护的,根据功能将不同的模块拆分到 packages 目录下面不同的子目录中,每个 package 有各自的 API、类型定义和测试。
b.使用Typescript来开发源码
- Vue.js 2.x 选用 Flow 做类型检查,来避免一些因类型问题导致的错误,但是 Flow 对于一些复杂场景类型的检查,支持得并不好。
- Vue.js 3.0 抛弃了 Flow ,使用 TypeScript 重构了整个项目。 TypeScript 提供了更好的类型检查,能支持复杂的类型推导;由于源码就使用 TypeScript 编写,也省去了单独维护 d.ts 文件的麻烦。

