大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12

前言

10月23日,参加了前端早早聊组织的【vue生态专场】,准备写一波分享方便大家学习。早上有4个话题:volar开发搭建平台组件开发和维护尤大分享vue生态进展和展望小姐姐分享gogocode迁移老项目。干货很多,这里先分享一下小右带来的一些新消息,感觉和我们写代码关系最大。

为什么还不是默认版本?

就很快!要等大部分生态跟上才行,显然现在已经准备就绪了。

更详细解释“软着陆”的原因:

  • vue3需要时间变得稳定

  • 生态需要时间跟上

  • 在成为默认版本之前需要打磨vue3

f

大版本升级的原因

  • 正确的架构设计

  • 产出新的基础功能

  • 摆脱技术债

大版本升级需要考虑的一些因素

  • 向后兼容

  • 易升级

  • 实现和维护成本

  • 改进程度

image-2021102310223550

vue3如何在成本和改进程度中取舍

  • 主要改进

f

vue3完成体到来,转折点也要来了

image-2021102310444299

其实很多时间都花在vite上面了,全新开发生态

image-202110230534685

欧美市场没有支持IE11的必要了

image-2021102110614493

vue3生态已经跟上来啦!

  • nuxt3:这个尤大多次强力推荐,我以前使用nuxt2也觉得贼6,准备做一波分享,欢迎大家关注我B站

  • VueUse:针对vue3 composition api的工具库

  • 兼容vue3的组件库

  • Ionic等移动端框架

image-2021102110658127

image-2021102310733837

image-2021123110845884

image-202110230931902

vue3在持续变好

  • script setup成为正式功能,赶紧用!

  • style v-bind成为正式功能

  • defineCustomElement:可以用vue写组件库,输出为原生组件,可以用在其他框架中,可用于微前端

  • reactivity性能提升明显,大应用会更明显

  • effectScope API:用在高级应用中,比如VueUse,penia,状态管理库非常推荐大家使用pinia

  • ref转换

  • props转换

Ref Transform

这个说了很多,花费好几页,还有代码演示,可见尤大很重视,不过这样的语法会不会又引起腥风血雨般的讨论?

演示了$语法糖,有了它可以忘了.value

演示$$使用,通常用于hooks编写

结构props转换

又演示了另一个开发痛点是关于属性解构会导致的心智负担问题,通过props transform即可解决。

比如下面代码中对属性做解构之后,甚至可以设置默认值,起别名,和rest展开,可以看到foo是响应式的,秀的一批。

桥接到vue2

让大家可以在vue2中享受vue3的开发体验:

  • 迁移创建版本:@vue/compat,一个vue3创建版本提供可配置的vue2兼容行为

  • vue-demi:为vue2、vue3编写通用库

  • vite-plugin-vue2:vite中写vue2

  • unplugin-script-setup-vue2:vue2中使用script setup

  • vue 2.7:披着vue3外壳的vue2

新文档

  • 暗黑模式

  • 基于vitepress

  • 升级建议和最佳实践:最新功能推荐,不会错过新东西

  • 重新组织学习路线

新官网

官网也会升级,包括大量重写的向导、随意切换新旧API,新案例,新模块等

随意切换options api和composition api

所见即所得!

最后变化总结

  • 新文档马上上

  • 官网默认vue3

  • npm latest标签指向vue3

  • github上会分开

    • 保留issue链接

    • vue-next会重命名为core

小意外

尤大在新加坡的酒店大堂做直播,生怕有人凑过来还要戴口罩。结果中间还是意外掉线了,等恢复了发现已经讲完了,尤大瞬间崩了,显然第二遍讲加快了速度,以至于我们听得有点不够爽,但还是再次感谢他的分享,祝他在新加坡生活愉快!

Q&A环节

vue2还会维护吗?

2.7将会是vue2最后一个小版本,在维护18个月,之后彻底进入

vue3还会有变化吗?

主要是ssr前提下进一步优化客户端性能

巨型vue2如何升级vue3

有欧美分享,大家搜一下。下午也有个分享做这个。

新加坡感觉如何

吃的东西多,随便点,非常开心!

Vite未来规划

目前稳定,没重大改动,稳定ssr实现;很多基于vite做底层的生态在兴起,vite会做成对前端生态有帮助的东西。

pinia会替代vuex吗

很大概率,都是core team成员,讨论结果未来形态会很像pinia,新东西都写在pinia里,如果开发一个新项目,如果使用ts,推荐使用pinia。

如何评价自由职业

自由很理想,很爽,命运掌握在自己手里;同时压力在自己身上,没有公司兜底,选择了就要做好承受这些的准备。


最近组建了一个江西人的前端交流群,如果你是江西人可以加我微信 ruochuan12 私信 江西 拉你进群。

推荐阅读

1个月,200+人,一起读了4周源码
我历时3年才写了10余篇源码文章,但收获了100w+阅读

尤雨溪写的100多行的“玩具 vite”,十分有助于理解 vite 原理

老姚浅谈:怎么学JavaScript?

我在阿里招前端,该怎么帮你(可进面试群)

················· 若川简介 ·················

你好,我是若川,毕业于江西高校。现在是一名前端开发“工程师”。写有《学习源码整体架构系列
从2014年起,每年都会写一篇年度总结,已经写了7篇,点击查看年度总结。
同时,最近组织了源码共读活动

识别方二维码加我微信、拉你进源码共读

今日话题

略。欢迎分享、收藏、点赞、在看我的公众号文章~

尤大直播分享:vue3生态进展和展望相关推荐

  1. 尤大在 Vue的生态进展中提到的 <style> 动态变量注入是啥?

    作者:Fernando Doglio 译者:前端小智 来源:medium 有梦想,有干货,微信搜索 [大迁世界] 关注这个在凌晨还在刷碗的刷碗智. 本文 GitHub https://github.c ...

  2. VueConf China 2021 《Vue3生态进展-尤雨溪》 Reaction

    大家好,我是若川.今天分享昨天Vueconf的一篇文章,来了解下Vue的生态进展. 另外今晚7点,Vuebeijing社区邀请了尤大会在视频号直播,可以加我微信 ruochuan12,告诉观看地址提前 ...

  3. 昨晚尤大的连麦直播,我学到了很多!!!

    昨晚朋友圈已经被连麦尤大的直播刷屏了,主要就是答答疑,聊聊天- 总共大概聊了一个半小时.给你们看看帅气的尤大 我也抱着 「学习」 .「长见识」 的态度去直播间听了一个多小时(因为前半段有事,所以没能来 ...

  4. 抄笔记:尤雨溪在Vue3.0 Beta直播里聊到了这些…

    前言 在 4 月 21 日晚,Vue 作者尤雨溪在哔哩哔哩直播分享了Vue.js 3.0 Beta最新进展. 以下是直播内容整理 1. 全新文档RFCs Vue.js 3.0 Beta发布后的工作重点 ...

  5. 【报告分享】2020直播电商生态白皮书.pdf(附下载链接)

    大家好,我是文文(微信:sscbg2020),今天给大家分享亿邦动力研究院于2020年7月发布的报告<2020中国直播电商生态白皮书.pdf>. 直播电商正在成为影响传统电商模式乃至零售业 ...

  6. 【报告分享】直播电商生态进化论-2020直播电商行业研究报告.pdf(附下载链接)...

    大家好,我是文文(微信:sscbg2020),今天给大家分享微播易于2020年6月发布的报告<直播电商生态进化论-2020直播电商行业研究报告.pdf>.直播电商无疑是2020年最火的一个 ...

  7. 腾讯云大学大咖分享 | 探索云直播技术

    点击观看完整课程 直播行业规模逐年增加,但行业增速却在逐步放缓,视频直播的平台对于各大厂商的解决方案提出了更多.更个性化的要求.是什么样的技术和服务在背后支撑着我们日常直播内容发布和播放呢?今天我们通 ...

  8. 实锤了,尤大妥妥的二次元迷弟 —— 聊聊 Vue 的进化历程

    文章目录 实锤了,尤大妥妥的二次元迷弟 -- 聊聊 Vue 的进化历程 1. 前言 2. 库阶段 2.1 阶段发展 2.2 设计重点和特征 3. 框架阶段 3.1 阶段发展 3.2 设计重点 4. 通 ...

  9. Envoy 调试流量的常用技巧直播分享及问答整理

    作者:周礼赞,Tetrate[1]创始工程师,Envoy 维护者,Istio Networking/Security WG Lead. 本文是我在云原生学院第七期直播分享的内容整理,本期是 Envoy ...

最新文章

  1. php里 like什么意思,php – 是LIKE,但是int表示应该检查的字符串
  2. 黑莓证实裁员约200人 黑莓10和设备部门影响最大
  3. jquery弹出插件
  4. 关于android的零碎问题的整理
  5. 策略模式和职责链模式在CMS中的应用
  6. linux网卡配置文件中2个ip,Linux Centos 7系统中如何一个网卡配置多个IP
  7. QT SQL使用指南
  8. Java集合对象详解
  9. oracle 数据加密
  10. Go语言 通过文件流判断文件头来识别文件类型
  11. sync是同步还是非同步_高速AD项目学习笔记——实现sync同步的经验
  12. W ndows10用于3D建模,Windows10系统自带3D builder应用有哪些作用
  13. 一个软件完整的开发流程,不会程序也能自己制作手机App
  14. 区块链Baas应用服务平台开发搭建
  15. 【Android 常见控件使用】ListView_BaseAdapter 自定义Adapter简单使用
  16. Google工具包Guava——聊聊代码校验Preconditions
  17. 什么是e人,MBTI中的E型人格是怎么样的
  18. 手机wps怎么设置打印横竖_手机WPS怎么设置横版打印?
  19. Cool Edit Pro
  20. Linux下Socket网络编程之点对点聊天室

热门文章

  1. android 串口调试工具_树莓派通用串口通信实验
  2. DOCKER - 容器抓包
  3. 《挑战程序设计竞赛》2.2 贪心法-其它 POJ3617 3069 3253 2393 1017 3040 1862 3262
  4. 代码命名,代码里的命名规则:错误的和正确的对比 命名方法总结 “自我描述的源代码”用代码表达出你的思想,让其他人通过代码能明白你的意图。...
  5. android解析XML总结(SAX、Pull、Dom三种方式)
  6. 超炫的iphone应用UI/UX设计赏析
  7. 求解哈夫曼编码Java实现,用Java实现哈夫曼编码解决方法
  8. html php获取post数据格式,html - php文件无法得到POST过来的数据
  9. interrupt()会中断线程的wait等待
  10. 分布式自增ID算法---雪花算法(SnowFlake)Java实现