酷网站欣赏,百度公司网站怎么做,开发公司资质哪里查,网站目录 index大家好#xff0c;我是若川。今天分享昨天Vueconf的一篇文章#xff0c;来了解下Vue的生态进展。另外今晚7点#xff0c;Vuebeijing社区邀请了尤大会在视频号直播#xff0c;可以加我微信 ruochuan12#xff0c;告诉观看地址提前预约。点击下方卡片关注我、加个星标#… 大家好我是若川。今天分享昨天Vueconf的一篇文章来了解下Vue的生态进展。另外今晚7点Vuebeijing社区邀请了尤大会在视频号直播可以加我微信 ruochuan12告诉观看地址提前预约。点击下方卡片关注我、加个星标或者查看源码等系列文章。学习源码整体架构系列、年度总结、JS基础系列“文章尽可能的以图文形式还原尤大的直播内容(为了你有更好的观看体验欧巴添加了一些相关链接)。还没观看的同学可以和大家一起来一波图文 Reaction看过的同学也可以再梳理一遍重点内容废话少说让我们开始吧”一些数据上面的数据是截止到今年 4 月份的与去年同期相比增长很可观整个的前端开发市场还在不断扩大。2020.09.18 发布 Vue 3.0 One PieceVue 3.0[1]Vue3 发布后官方并没有强推所有的用户都升级 Vue3因为生态需要时间生态里的工具、周边以及库都需要时间去兼容Vue3 的一些新用法也需要时间去沉淀。发布后主要在忙什么Vue Router 4.0 已稳定github.com/posva[2]Vuex 4.0 已稳定github.com/kiaking[3](这位新加入的老哥讲道理豹纹有点帅。)Vue Router 和 Vuex 早已经是 Vue 框架的一部分它们的稳定是非常重要的。Vue 3 生态逐步赶上社区生态库也在逐步赶上。Quasar[4]Element Plus[5]And Design Vue[6]Vuetify[7]Nuxt 3[8]开发体验改进构建工具 ViteVite 官方中文文档[9]“该知道的都知道了不知道的慢慢了解。-- 姜云升”vue-cli 和 Vite 的主要区别在于vue-cli 基于 webpack 二次开发vue-cli 涵盖的范畴比较广维护成本非常高。一些常见的配置变得复杂化了。Vite 会继承 vue-cli 的优点选择更简洁的路线插件机制基于 Rollup 的 API非常简洁直观。比起 WebpackRollup 的插件会好写很多更加容易理解。Vite 插件还可以支持定制开发服务器、middleware 以及对热更新的行为做细致的调整。Vite or vue-cli 现有项目如果与 Webpack 强依赖可能也没有办法简单的迁移过来。VitePress 基于 Vue3 Vite 的静态站生成器可以理解为把 Vue2 换成了 Vue3把 Webpack 换成了 Vite就得到了 VitePress。上面的第三点React 的 MDX 也有同样的问题不过 VitePress 把它解决了。更多单文件组件编译阶段的优化New script setup (without ref sugar) [10]只要你的 script 标签带了 setup 属性那么你声明的变量就可以直接在模板里使用。而且setup 可以帮助我们简洁很多代码提升编码体验。比如我们有 Comp.vue 和 App.vue 两个组件。在 setup 下App 引入 Comp 组件后可以直接使用无需注册。对比一下style 动态变量注入SFC style CSS variable injection (new edition)[11]点击 make it green 按钮后原理也很简单使用原生 CSS 变量将动态内容进行绑定剩下就全部交给浏览器去做所以运行时开销非常小。是个性价比很高的特性。Vue Devtools beta channel(6.0)不用在 Vue Devtools 两个版本之间来回切换了新的 Vue Devtools 同时支持 Vue2/3。这张图是开发时的截图有些模糊不过没关系。大致我们可以从图中看出性能调试面板可以帮我们找出哪个组件渲染特别慢还有鼠标事件、键盘事件、组件事件、组件重渲染等。最关键的是这个 Timeline 支持第三方插件对其进行扩展。更好的 IDE/TS 支持Volar[12] 是未来官方主推的 VS Code 插件将会替代 Vetur(历史包袱)。如上图Volar 提供了几乎和 TSX 一样的开发体验可以进行模板类型检查。IDE 支持计划未来会将 Vetur 的一些重要的功能以及一些新的探索整合到 Volar 上。同时 Volar 的作者还开发了 vue-tsc在 CI 上支持可以同时检查 TS 文件以及 Vue 文件里的 TS 类型错误内部的实现适合 Volar 一样的。当然也会和其他的编辑器进行官方合作提供支持。不再支持 IE11微软刚刚发布声明IE11 将在 2022 年 6 月 retire可见其推动 IE 用户改用 Edge 的决心。Proposal for dropping ie11 support in Vue 3[13]Drop IE11 support plan for Vue 3[14]Vue3 Vite Modern by DefaultVue3 migration build近期另一个重大发布整体的内容比较大预计在 3.1 发布。Vue3 升级版底子里是 Vue3上层兼容 Vue2 的行为。大部分的功能都可以完全支持。可以选择将整个应用可以跑在 Vue2 模式下再将某几个单独的组件跑在 Vue3 模式下。也可以反过来整个应用跑在 Vue3 模式下再将几个旧的 Vue2 组件移植过来再慢慢的更改成 Vue3 的模式。尽可能的给大家提供了兼容的灵活性。目前文档在vue-compat[15]仓库里。public API 会尽可能的兼容但是一些私有 API 确实没有办法完全兼容。文档中有详细的支持列表。并提供了详尽的 step by step 的流程vue-hackernews-2.0[16]3.2因为上面的兼容版移到了 3.1所以原有的 3.1 内容将会移到 3.2不过预计也会很快发布具体的细节会在发布时披露。绝对需要 IE11 支持的话 请等待 2.7预计在 Q3 2021 去做。希望在 Q3 Vue2.7 发布之后整个的 Vue2 到 Vue3 的升级过程会变得更加顺滑。可以先基于 Vite 切换到 Vue2.7Compsition API 会直接内置再切换到 Vue3 会更加简单。Vue3 成为默认版本 by end of Q2 2021将会在 2021 年 6 月底将 npm 默认安装指向 Vue3文档也会默认指向 Vue3 的文档希望新的用户会以 Vue3 作为基准。外链无法点开可以点击阅读文章查看最近组建了一个江西人的前端交流群如果你也是江西人可以加我微信 ruochuan12 拉你进群。················· 若川出品 ·················今日话题上次尤大在视频号直播有很多人表示错过了这次我也帮Vuebeijing社区宣传下避免小伙伴想看直播的错过。尤大今晚7点在#视频号Vuebeijing 直播也可以加我微信 ruochuan12加群交流学习。欢迎在下方留言~ 欢迎分享、收藏、点赞、在看我的公众号文章~一个愿景是帮助5年内前端人走向前列的公众号可加我个人微信 ruochuan12长期交流学习推荐阅读我在阿里招前端我该怎么帮你现在还能加我进模拟面试群若川知乎问答2年前端经验做的项目没什么技术含量怎么办点击上方卡片关注我、加个星标或者查看源码等系列文章。学习源码整体架构系列、年度总结、JS基础系列
