<p><code></p> <blockquote><p>翻译:疯狂的技术宅<br />原文:<a href="https://jaxenter.com/2019-state-of-vue-js-report-highlights-156309.html" rel="nofollow noreferrer" target="_blank">https://jaxenter.com/2019-sta...</a> </p></blockquote> <hr> <p>本文首发微信公众号:jingchengyideng<br />欢迎关注,每天都给你推送新鲜的前端技术文章</p> <hr> <p>最新版的 <a href="http://www.js-code.com/tag/state" title="State" target="_blank">State</a> of <a href="http://www.js-code.com/tag/vue" title="Vue" target="_blank">Vue</a>.js 报告是现场直播,它为 <a href="http://www.js-code.com/tag/vue" title="Vue" target="_blank">Vue</a> 生态系统的状态以及团队未来的储备提供了一些有价值的见解。让我们仔细看看。</p> <p>新版的 <a href="http://www.js-code.com/tag/vue" title="浏览关于“Vue”的文章" target="_blank" class="tag_link">Vue</a>.js 状态报告已经出炉,它提供了广泛的关于Vue生态系统的数据。</p> <p>今年的报告,除了与 Vue 使用相关的数据外,还包括 Gitlab 和 Livestorm 等重量级公司的采访,旨在展示 Vue 价值的案例研究以及框架本身的创始人尤雨溪的贡献,以及 Vue 下一步的内容。 。</p> <p>接下来让我们来看看 2019 年 Vue.js 报告中提出的最有趣的东西。</p> <h2 id="articleHeader0">所有亮点</h2> <p>今年的 Vue.js 报告显示了超过 1500 名参与者的回复。为了概述最有趣的亮点,让我们来看看受访者对 Vue 最重视的内容。</p> <p>根据今年的参与者的说法,集成的简易性似乎是 Vue.js 为团队带来的头号优势,而高级文档被认为几乎同样重要。</p> <p><span class="img-wrap"><img data-src="/img/bVbpUnd?w=632&amp;h=543" src="https://static.segmentfault.com/v-5cc2cd8e/global/img/squares.svg" alt="clipboard.png" title="clipboard.png" style="cursor: pointer;"></span></p> <p>当被要求列出他们使用 Vue 的内容时,受访者报告说,到目前为止,Vue 的头号应用是控制 SPA 中的整个首页。</p> <p><span class="img-wrap"><img data-src="/img/remote/1460000018530392?w=627&amp;h=569" src="https://static.segmentfault.com/v-5cc2cd8e/global/img/squares.svg" alt="Vue用于什么地方" title="Vue用于什么地方" style="cursor: pointer;"></span></p> <p>就工具而言,将 <strong>Vue.js</strong> 视为受访者最常用的前端开发框架并不奇怪。然而最有趣的是看到 <strong><a href="http://www.js-code.com/tag/jquery" title="jQuery" target="_blank">jQuery</a></strong> 仍然在前端工具中占有相当大的比例。</p> <p><span class="img-wrap"><img data-src="/img/bVbpUnj?w=741&amp;h=523" src="https://static.segmentfault.com/v-5cc2cd8e/global/img/squares.svg" alt="clipboard.png" title="clipboard.png" style="cursor: pointer;"></span></p> <p>2019 年 Vue.js 报告中提出的另一个有趣的地方是受访者对后端开发的语言偏好。今年受访者最受欢迎的选择是 <strong>Node.js</strong> 和 <strong>PHP</strong> 。</p> <p><span class="img-wrap"><img data-src="/img/bVbpUnl?w=746&amp;h=511" src="https://static.segmentfault.com/v-5cc2cd8e/global/img/squares.svg" alt="clipboard.png" title="clipboard.png" style="cursor: pointer;"></span></p> <h4>还请注意:<a href="https://jaxenter.com/vue-2-6-new-features-155246.html" rel="nofollow noreferrer" target="_blank">Vue 2.6带来了一些重要的改进,新功能及更多</a><br /> </h4> <h2 id="articleHeader1">Vue 的下一步是什么?</h2> <p>放在最后的内容并不意味着不重要,让我们来看看尤雨溪对 Vue 的未来所说的话。</p> <p><strong>ES2015+ ——</strong> 在2019年,我们应该期望在主流浏览器中对 ES2015 及更高版本提供更成熟的原生支持。</p> <p><strong>TypeScript ——</strong> 新的重大更新版本将提供基于原生类的 <a href="http://www.js-code.com/tag/api" title="API" target="_blank">API</a>,用于创作组件、TSX支持以及通常更实体的类型定义,因为我们切换到了 TypeScript 作为内部实现语言。</p> <div class="google-auto-placed ap_container" style="text-align: center; width: 100%; height: auto; clear: none;"><ins data-ad-format="auto" class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-6330872677300335" data-adsbygoogle-status="done" style="display: block; margin: auto; background-color: transparent;"><ins id="aswift_4_expand" style="display: inline-table; border: none; height: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 697px; background-color: transparent;"><ins id="aswift_4_anchor" style="display: block; border: none; height: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 697px; background-color: transparent; overflow: hidden; opacity: 0;"><iframe width="697" height="175" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_4" name="aswift_4" style="left:0;position:absolute;top:0;border:0px;width:697px;height:175px;"></iframe></ins></ins></ins></div> <p><strong>Web组件 ——</strong> Web 组件的一个有前景的用法是用于封装组件,并将其作为框架无关的原生自定义元素,可以在任何地方使用。另一个方面团队打算利用 Shadow <a href="http://www.js-code.com/tag/dom" title="DOM" target="_blank">DOM</a> 作为 <a href="http://www.js-code.com/tag/css" title="CSS" target="_blank">CSS</a> 封装的原生机制。</p> <p><strong><a href="http://www.js-code.com/tag/html" title="HTML" target="_blank">HTML</a>模块 ——</strong> <a href="http://www.js-code.com/tag/html" title="HTML" target="_blank">HTML</a> 模块是 Web 组件保护伞下的一个新提案,它与 Vue.js 更相关,因为它与 Vue 的 SFC(单文件组件)格式非常相似。虽然目前仍在讨论中,但微软的 Edge 团队已经发布了在 Chromium 项目中实施的意图。</p> <p><strong>WebAssembly ——</strong> 可能有希望在 Vue 中利用 WebAssembly 的一个领域是服务器端渲染。由于 Vue 项目主要使用模板,因此可以预编译模板并通过 WebAssembly 渲染它们,以获得更好的性能。</p> <p><strong>移动应用 ——</strong> 在3.0中,Vue 将提供一流的自定义渲染器 <a href="http://www.js-code.com/tag/api" title="API" target="_blank">API</a>。用户可以将 Vue 的核心运行时用作依赖关系,并在其之上构建。<a href="http://www.js-code.com/tag/api" title="浏览关于“API”的文章" target="_blank" class="tag_link">API</a> 将允许轻松桥接到 iOS/Android 的本机渲染器或其他用例,例如测试或渲染到终端。</p> <p>如果有兴趣了解 Vue 团队未来的计划以及本文介绍中提到的访谈和案例研究,请关注公众号jingchengyideng 并在对话中回复“vue2019”可得到完整的 <a href="http://www.js-code.com/tag/state" title="State" target="_blank">State</a> of Vue.js 报告。</p> <hr> <h4>本文首发微信公众号:jingchengyideng</h4> <h4>欢迎扫描二维码关注公众号,每天都给你推送新鲜的前端技术文章</h4> <p><span class="img-wrap"><img data-src="/img/bVRyYe?w=430&amp;h=430" src="https://static.segmentfault.com/v-5cc2cd8e/global/img/squares.svg" alt="欢迎扫描二维码关注公众号,每天都给你推送新鲜的前端技术文章" title="欢迎扫描二维码关注公众号,每天都给你推送新鲜的前端技术文章" style="cursor: pointer;"></span></p> <hr> <hr> <h3 id="articleHeader2">欢迎继续阅读本专栏其它高赞文章:</h3> <ul> <li><a href="https://segmentfault.com/a/1190000018036227">12个令人惊叹的CSS实验项目</a></li> <li><a href="https://segmentfault.com/a/1190000017949080" target="_blank">世界顶级公司的前端面试都问些什么</a></li> <li><a href="https://segmentfault.com/a/1190000018056228">CSS Flexbox 可视化手册</a></li> <li><a href="https://segmentfault.com/a/1190000018088062" target="_blank">过节很无聊?还是用 JavaScript 写一个脑力小游戏吧!</a></li> <li><a href="https://segmentfault.com/a/1190000018141328">从设计者的角度看 React</a></li> <li><a href="https://segmentfault.com/a/1190000018113832" target="_blank">CSS粘性定位是怎样工作的</a></li> <li><a href="https://segmentfault.com/a/1190000017977613">一步步教你用HTML5 SVG实现动画效果</a></li> <li><a href="https://segmentfault.com/a/1190000018224157" target="_blank">程序员30岁前月薪达不到30K,该何去何从</a></li> <li><a href="https://segmentfault.com/a/1190000018330399">7个开放式的前端面试题</a></li> <li><a href="https://segmentfault.com/a/1190000018305735" target="_blank">React 教程:快速上手指南</a></li> </ul> <p></code></p>

本文固定链接: http://www.js-code.com/vue-js/vue-js_25577.html