发布时间:2023-05-17 文章分类:WEB开发, 电脑百科 投稿人:赵颖 字号: 默认 | | 超大 打印

初步了解vue3+ts

官网原文:
A type system like TypeScript can detect many common errors via static analysis at build time. This reduces the chance of runtime errors in production, and also allows us to more confidently refactor code in large-scale applications. TypeScript also improves developer ergonomics via type-based auto-completion in IDEs.

有道翻译:
像TypeScript这样的类型系统可以在构建时通过静态分析检测许多常见错误。这减少了生产中出现运行时错误的机会,也使我们能够更自信地重构大规模应用程序中的代码。TypeScript还通过ide中基于类型的自动完成来改进开发者的人体工程学。

同时我们可以结合Vue3官方的设计理念分析https://vue3js.cn/vue-composition/

我一定要用vue3+ts吗?

 简而言之就是有效的避免多人开发而产生的错误,一个好用的工具无非就是追求高复用高维护

那vue3有什么优缺点呢?

这个问题我们先来看一下Vue2和Vue3的对比

Vue2

vue2.x:基础库,开发语法optionsAPI(选项式API)
vue-cli4.x:脚手架
vue-router3.x:路由
vue3.x:状态管理工具
vetur:vue2的vscode开发插件(会为 vue2 开发时提供高亮,提示,报错等功能)

vue3

vue3.x:基础库,开发语法compositonAPI(组合式API)
vite:脚手架
vue-router4.x:路由
pinia:状态管理工具
volar:vue3 的 vscode 开发插件

从两者的对比可以看出,vue2的传统打包的方式,必须先构建整个应用,随着应用更新体积会很大,而vite其实是浏览器接管了部分打包工作,浏览器请求源码时进行转换并按需提供,只是当前浏览器使用到的代码才会被处理。Vite较传统的渲染更快。内存更小。compositonAPI(组合式API)优势更明显。具体看以上vue3的设计理念(官网:https://vue3js.cn/vue-composition/)

总结以上:

  1. 首次渲染更快
  2. diff 算法更快
  3. 内存占用更少
  4. 打包体积更小
  5. 更好的 TypeScript 支持
  6. Composition API 组合式 API

个人看法:

以前vue3发布周边不成熟,vue3现在的周边已经相当丰富了

库名称 简介
ant-design-vue PC 端组件库:Ant Design 的 Vue 实现,开发和服务于企业级后台产品
arco-design-vue PC 端组件库:字节跳动出品的企业级设计系统
element-plus PC 端组件库:基于 Vue 3,面向设计师和开发者的组件库
Naive UI PC 端组件库:一个 Vue 3 组件库,比较完整,主题可调,使用 TypeScript,快,有点意思
vant 移动端组件库:一个轻量、可靠的移动端组件库,于 2017 年开源
VueUse 基于 composition 组合式 api 的常用函数集合

最后vue3选择ts说明vue已经度过了成长期,开始进入成熟期,2023年以后越来越多大型新的项目会开始基于vue3+ts进行开发,所以不管是公司还是给人都必须做好相应的转变,要想走的更远,要想取得更大型项目(银行,医疗,金融行业等)的青睐,就必须具有极其严格的规范要求。

------------------------------------------

未完待续,以上这是小女子的一点浅薄之见,大佬们多多指教。