位置: IT常识 - 正文

我一定要用vue3+ts吗?(我一定要用自己的双手拼出来)

编辑:rootadmin
我一定要用vue3+ts吗? 初步了解vue3+ts

推荐整理分享我一定要用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有什么优缺点呢?

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

我一定要用vue3+ts吗?(我一定要用自己的双手拼出来)

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/)

总结以上:

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

个人看法:

2020 年 9 月 18 日发布,许多开发者还在观望。2022 年 2 月 7 日称为默认版本,意味着 vue3 是现在也是未来。

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

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

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

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

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

本文链接地址:https://www.jiuchutong.com/zhishi/297439.html 转载请保留说明!

上一篇:前端学习之HTML(前端html模板)

下一篇:注册谷歌账户教程--解决注册谷歌账户“此电话号码无法用于进行验证”问题--亲测已解决--谷歌账户注册全流程(2020注册谷歌账号方法)

  • 双方都加不了微信怎么回事(微信双方都加不上好友怎么办)

  • 淘宝分享店怎么找不到(淘宝分享店怎么开)

  • word文档有哪些快捷方式(word文档有哪些软件)

  • wifi多频合一(wifi多频合一什么意思)

  • 淘宝好评返现处罚规则(淘宝好评返现处罚吗)

  • 提供app内购买项目什么意思(提供app内购买项目是什么意思)

  • 华为nova7指纹解锁怎么设置(华为nova7指纹解锁样式)

  • 一加8什么时候发布(一加8什么时候上市的手机)

  • 计算机操作系统的最基本特征(计算机操作系统的主要功能)

  • oppowatch支持苹果手机吗(oppo手表适配苹果手机吗)

  • qq为什么还要解除关系(qq为什么解绑了还需要手机号码)

  • doc文档如何增加一页(doc文档怎么增加页面)

  • 文档批注在哪(文档批注哪里取消)

  • 陌陌注销了还能找回吗(陌陌注销了还能重新申请吗?)

  • 魅族m685q是魅族几(魅族m685m是啥型号)

  • 学习强国订阅满了怎么办

  • beats只能连接一个手机吗(beats连了一个手机之后不能连接其他手机了吗)

  • gtx2060和rtx2060区别

  • 苹果8打电话对方听不清(苹果8打电话对方听不到)

  • 企业中征码怎么查(企业中征码怎么申请流程)

  • 出国后微信还能用吗(出国后微信还能加好友吗)

  • 淘宝店标如何做(淘宝店铺标志怎样设计呀?我来教你)

  • 【OpenCV】车辆识别 C++ OpenCV 原理介绍 + 案例实现(opencv识别车牌)

  • 【论文阅读】2022年最新迁移学习综述笔注(Transferability in Deep Learning: A Survey)(论文阅读网站排行榜)

  • Servlet4.0 Response

  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设 电脑维修 湖南楚通运网络