-
Notifications
You must be signed in to change notification settings - Fork 378
/
Copy pathindex.7e39d82e.js
2 lines (2 loc) · 36.9 KB
/
index.7e39d82e.js
1
2
(function(e){function t(t){for(var u,o,s=t[0],a=t[1],r=t[2],d=0,b=[];d<s.length;d++)o=s[d],Object.prototype.hasOwnProperty.call(c,o)&&c[o]&&b.push(c[o][0]),c[o]=0;for(u in a)Object.prototype.hasOwnProperty.call(a,u)&&(e[u]=a[u]);l&&l(t);while(b.length)b.shift()();return n.push.apply(n,r||[]),i()}function i(){for(var e,t=0;t<n.length;t++){for(var i=n[t],u=!0,s=1;s<i.length;s++){var a=i[s];0!==c[a]&&(u=!1)}u&&(n.splice(t--,1),e=o(o.s=i[0]))}return e}var u={},c={index:0},n=[];function o(t){if(u[t])return u[t].exports;var i=u[t]={i:t,l:!1,exports:{}};return e[t].call(i.exports,i,i.exports,o),i.l=!0,i.exports}o.m=e,o.c=u,o.d=function(e,t,i){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(o.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var u in e)o.d(i,u,function(t){return e[t]}.bind(null,u));return i},o.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/vue3-News/";var s=window["webpackJsonp"]=window["webpackJsonp"]||[],a=s.push.bind(s);s.push=t,s=s.slice();for(var r=0;r<s.length;r++)t(s[r]);var l=a;n.push([0,"chunk-vendors"]),i()})({0:function(e,t,i){e.exports=i("cd49")},"0f19":function(e){e.exports=JSON.parse('{"news":[{"title":"【阮一峰推荐】学习 vue3 源码的利器","href":"https://juejin.cn/post/6925668019884523534?content_source_url=https://github.com/vue3/vue3-News","detail":"vue3 作为目前最火的技术，大家除了学会如何使用以外，肯定是想在深入到源码里面，看看这些 nb 的功能到底是如何实现的，或者是增加自己的核心竞争力搞懂原理，面试的时候装个13","time":"Feb 05, 2021","badge":["Vue3","源码","利器"],"from":["掘金","https://juejin.cn/"]},{"title":"Vite2.0 正式发布，凭什么吊打 webpack ？","href":"https://juejin.cn/post/6931618997251080200?content_source_url=https://github.com/vue3/vue3-News","detail":"相信随着尤雨溪卖力的吆呼，不少前端的小伙伴已经对 vite 有所耳熟了，这是一个伴随着着 Vue3.0 发布的下一代构建工具，其名字就是出自法语单 fast。可以看到尤雨溪近期的主要工作全部是在 vite 上，足以说明其重要之处。","time":"Feb 21, 2021","badge":["Vite","Webpack"],"from":["掘金","https://juejin.cn/"]},{"title":"浅谈 Vite 2.0 原理，依赖预编译，插件机制是如何兼容 Rollup 的？","href":"https://juejin.cn/post/6932367804108800007?content_source_url=https://github.com/vue3/vue3-News","detail":"为什么会出现 Vite？在过去的 Webpack、Rollup 等构建工具的时代，我们所写的代码一般都是基于 ES Module 规范，在文件之间通过 import 和 export 形成一个很大的依赖图。","time":"Feb 21, 2021","badge":["Vite","Rollup","原理","编译"],"from":["掘金","https://juejin.cn/"]},{"title":"Vue3 + Vite + TypeScript 项目实战 -----（一）搭建项目","href":"https://juejin.cn/post/6928379876797841415?content_source_url=https://github.com/vue3/vue3-News","detail":"本次项目搭建采用尤雨溪大大开发的 Vite，这是尤大最近开发出的新的 Web 开发工具具有以下优点： - 快速的冷启动、- 即时的模块热更新、- 真正的按需编译；使用 vite 极大的提高了前端的开发性能及开发速度","time":"Feb 12, 2021","badge":["Vite","TypeScript","实战"],"from":["掘金","https://juejin.cn/"]},{"title":"Vue3源码（二）：从源码来看Vue3新特性","href":"https://juejin.cn/post/6921945008136257550?content_source_url=https://github.com/vue3/vue3-News","detail":"上一篇文章《Vue3源码（一）》简单介绍了Vue3源码结构，也通过源码学习了解Vue3基础也是核心响应式。这一次咱们接着了解另一核心组件，学一学Vue3组件初始化及其渲染过程。如有不对之处、遗漏之处，还望指正、补充。","time":"Jan 26, 2021","badge":["源码"],"from":["掘金","https://juejin.cn/"]},{"title":"【Vue3源码】Vue 到底发生了肾摸变化？","href":"https://juejin.cn/post/6927205175862132749?content_source_url=https://github.com/vue3/vue3-News","detail":"Vue3发布已经有段时间了，相比Vue2做了特别多的优化。但具体好在哪里呢，除了开发者用得爽之外，框架底层的优化需要我们通过研究源码才能有切身体会。","time":"Feb 09, 2021","badge":["Vue3","源码","原理"],"from":["掘金","https://juejin.cn/"]},{"title":"使用vue3重构拼图游戏, 真香!","href":"https://juejin.cn/post/6920464793900384270?content_source_url=https://github.com/vue3/vue3-News","detail":"花了两天时间，重构了项目中的一个拼图小游戏（又名数字华容道），为了方便使用抽离成了独立组件。","time":"Jan 22, 2021","badge":["重构","游戏"],"from":["掘金","https://juejin.cn/"]},{"title":"10 个超强 Vue3 实战指南，由此突破新特性！","href":"https://juejin.cn/post/6921255904675872776?content_source_url=https://github.com/vue3/vue3-News","detail":"本篇介绍 10 点如何从实战中学习突破 Vue JS 3 的新特性，细细看完，一定会有收获~","time":"Jan 24, 2021","badge":["实战","新特性","翻译"],"from":["掘金","https://juejin.cn/"]},{"title":"Vue 3 和 Webpack 5 来了，手动搭建的知识该更新了","href":"https://juejin.cn/post/6921161482663100423?content_source_url=https://github.com/vue3/vue3-News","detail":"长此以往，会导致你对整个项目的把控度越来越低。面试下一家公司的面试官问你，是否手动搭建过 Vue 项目的时候，对配置一问三不知🤔️ 。本文着重为大家讲解从 0 到 1 搭建 Vue 3.x 开发环境 的过程中遇到的疑问。","time":"Jan 24, 2021","badge":["搭建","Webpack 5"],"from":["掘金","https://juejin.cn/"]}],"dailyNews":[{"title":"用Vue3构建企业级前端应用，TS能让你更轻松点","href":"https://segmentfault.com/a/1190000039288673?content_source_url=https://github.com/vue3/vue3-News","detail":"摘要：Vue 3已经发布有一段时间了，到底有哪些新特性值得关注，如何用它构建企业级前端项目，怎样快速上手Vue 3？本篇文章将对此进行详细讲解。","time":"Feb 26, 2021","badge":["Vue3","TypeScript"],"from":["segmentfault","https://segmentfault.com/"]},{"title":"老司机带你一起做基于 vue3+vite+ts 的项目环境搭建","href":"https://www.bilibili.com/video/BV1xr4y1A7H9?content_source_url=https://github.com/vue3/vue3-News","detail":"学会如何搭建项目坏境可是高级前端必备的噢- vite、 - ts、 - eslint、 - prettier、 - jest、 - cypressjs、 - vue-test-utils、 - CI","time":"Feb 27, 2021","badge":["Vue3","TypeScript","搭建"],"from":["bilibili","https://www.bilibili.com/"]},{"title":"从底层了解Vue3","href":"https://blog.csdn.net/weixin_42467467/article/details/114033709?content_source_url=https://github.com/vue3/vue3-News","detail":"Vue3带来了什么（新特性）众所周知，前端的技术一直更新的特别快，而我们作为前端开发者也应该快速适应，主动拥抱变化，推陈出新，与时俱进","time":"Feb 25, 2021","badge":["Vue3","底层","源码"],"from":["CSDN","https://blog.csdn.net/"]},{"title":"京东 Vue3 组件库闪亮登场","href":"https://zhuanlan.zhihu.com/p/354068763?content_source_url=https://github.com/vue3/vue3-News","detail":"京东零售开源项目 NutUI 是一套京东风格的轻量级移动端 Vue 组件库，是开发和服务于移动 Web 界面的企业级产品。经过长时间的开发与打磨，NutUI 3.0 终于要和大家见面了！3.0 版本在技术和视觉方面都做出了较大改进，让组件看起来更绚丽，用起来更舒服。","time":"Mar 03, 2021","badge":["Vue3","组件"],"from":["zhihu","https://zhihu.com/"]},{"title":"重构于Vite","href":"https://zhuanlan.zhihu.com/p/352216610?content_source_url=https://github.com/vue3/vue3-News","detail":"提前开荒 Vite 2.0 ，为公司后续的业务提前踩坑，可以为团队进行技术选型提供帮助，因为之前我在做 JSSDK、Vue Plugin 的时候，已经开始脱离 Webpack，用 Rollup 作为构建工具，而 Vite 正是基于 Rollup ，不仅构建速度非常快，而且也像 Webpack 一样提供了热更新，对于一线开发来说，体验上是非常好的，而且它还是 Vue 团队大力推广的新工具，这让我很有兴趣去研究它。","time":"Feb 25, 2021","badge":["Vite","源码"],"from":["zhihu","https://zhihu.com/"]},{"title":"vue3.0版聊天室|vue3+vant3.x仿微信聊天+朋友圈","href":"https://ask.dcloud.net.cn/article/38655?content_source_url=https://github.com/vue3/vue3-News","detail":"随着vue3越来越稳定了，加上Vite工具的推出，2021年再一次让vue.js变得很受开发者青睐。今天给大家分享的是基于vue3.0+有赞vant3技术建构开发的仿微信app界面聊天实战案例。","time":"Jan 11, 2021","badge":["聊天室","vant3.x","朋友圈"],"from":["DCloud","https://dcloud.io/"]},{"title":"记录一个 Vue3 源码压缩错误引出的声明提升知识点","href":"https://juejin.cn/post/6922252880474505229?content_source_url=https://github.com/vue3/vue3-News","detail":"最近在使用 Vue3 时候遇到了类似变量提升的问题，在翻阅笔记的同时，整理了下文章排版发布至掘金账号，我将实际问题放在了文章最后解析","time":"Jan 27, 2021","badge":["源码"],"from":["掘金","https://juejin.cn/"]},{"title":"vue3引路 新特性 typescript","href":"https://segmentfault.com/a/1190000038968268?content_source_url=https://github.com/vue3/vue3-News","detail":"vue3出来几个月了，项目上也已经分别成功使用了defineComponent及class两种模式踩坑，且已上线，空了来整理下大概的变化以及一些心得.因为已经成功踩坑，应该相对比较全面.","time":"Jan 13, 2021","badge":["TypeScript","新特性"],"from":["segmentfault","https://segmentfault.com/"]},{"title":"Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目","href":"https://segmentfault.com/a/1190000039047740?content_source_url=https://github.com/vue3/vue3-News","detail":"为什么要学习源码 ?1. 阅读优秀的代码的目的是让我们能够写出优秀的代码。2. 不给自己设限，不要让你周围人的技术上限成为你的上限。其实就跟我们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。","time":"Jan 21, 2021","badge":["源码","教程","实战"],"from":["segmentfault","https://segmentfault.com/"]}],"course":[{"title":"Vue 3 简介（Intro to Vue 3）- [中英字幕]","href":"https://www.bilibili.com/video/BV1Er4y1T7RB?content_source_url=https://github.com/vue3/vue3-News","detail":"VueMastery Intro to Vue 课程，搬过来整个中英文字幕 CodePen：https://codepen.io/VueMastery/ Github：https://github.com/Code-Pop/Intro-to-Vue-3","time":"Jan 06, 2021","badge":["实战","VueMastery","视频教程"],"from":["bilibili","https://www.bilibili.com/"]},{"title":"Vue3教程：Vue 3.0 来了，我们该做些什么？","href":"https://zhuanlan.zhihu.com/p/277507394?content_source_url=https://github.com/vue3/vue3-News","detail":"","time":"Jan 01, 2021","badge":["实战","教程"],"from":["知乎","https://zhihu.com/"]},{"title":"Vue3.0飞机大战答疑解惑及前端面试技巧","href":"https://www.bilibili.com/video/BV1jA411p7oc?content_source_url=https://github.com/vue3/vue3-News","detail":"本视频主要内容为Vue3.0飞机大战答疑解惑，前端求职面试中的技巧分享：面试过程中把话题引到自己的亮点项目等","time":"Jan 26, 2021","badge":["入门","面试","视频教程"],"from":["bilibili","https://www.bilibili.com/"]},{"title":"Vue3 实战笔记 | 快速入门🚀","href":"https://juejin.cn/post/6909632635665039367?content_source_url=https://github.com/vue3/vue3-News","detail":"vue3正式版已经发布好几个月了。相信有不少人早已跃跃欲试，这里根据这几天的项目经验罗列几点在项目中可能用到的知识点跟大家分享总结，在展开功能点介绍之前，先从一个简单的demo帮助大家可以快速入手新项目🌉","time":"Jan 01, 2021","badge":["实战","入门","笔记"],"from":["掘金","https://juejin.cn/"]},{"title":"【如果不想读文档的话】傻瓜式入门vue3","href":"?content_source_url=https://github.com/vue3/vue3-News","detail":"从头到尾，一点一点撸代码，干就完了","time":"Jan 01, 2021","badge":["实战","新特性","文档","入门"],"from":["掘金","https://juejin.cn/"]}],"courseDemo":[{"title":"使用vue3重构拼图游戏, 真香!","href":"https://juejin.cn/post/6920464793900384270?content_source_url=https://github.com/vue3/vue3-News","detail":"花了两天时间，重构了项目中的一个拼图小游戏（又名数字华容道），为了方便使用抽离成了独立组件。","time":"Jan 22, 2021","badge":["重构","游戏"],"from":["掘金","https://juejin.cn/"]},{"title":"vue3.0尝鲜，写一个win10日历","href":"https://juejin.cn/post/6844904144667574286?content_source_url=https://github.com/vue3/vue3-News","detail":"这几日前端最热门的消息无外乎vue3.0的发布，虽然不是正式版，也让人想一探究竟。正好下午无事，便略过了过文档。不过学东西最好的方式还是学以致用。四处打量打量，正好看到win10的日历，哎呦，不错，就是你了。","time":"Jan 01, 2021","badge":["实战","Demo","日历"],"from":["掘金","https://juejin.cn/"]},{"title":"基于vue3.0+TypeScript的简易日历","href":"https://juejin.cn/post/6844904143698526222?content_source_url=https://github.com/vue3/vue3-News","detail":"主要体会并不是日历怎么实现，而是在vue3.0的背景下，如何更好的基于新的api去实现功能，布局自己的目录结构；api太多了，玩法组合太多了","time":"Jan 01, 2021","badge":["实战","Demo","简易日历"],"from":["掘金","https://juejin.cn/"]},{"title":"JSX+Vue3+Vant 实现 网易云播放器(一)","href":"https://juejin.cn/post/6914997086295916551?content_source_url=https://github.com/vue3/vue3-News","detail":"JSX跟Vue3和Vant完美兼容的、希望有带来乐趣","time":"Jan 07, 2021","badge":["实战","网易云","Vant"],"from":["掘金","https://juejin.cn/"]},{"title":"Vue3教程：一个基于 Vue 3 + Vant 3 的商城项目开源啦！","href":"https://www.cnblogs.com/han-1034683568/p/13926909.html?content_source_url=https://github.com/vue3/vue3-News","detail":"之前发布过一篇文章，告诉大家我要开发一个 Vue3 的商城项目并开源到 GitHub 上，供大家练手和学习，随后也一直有收到留言和反馈，问我开发到哪里了，什么时候开源之类的问题，今天终于可以通知大家，完成啦！🎉🎉开源啦！🎉🎉","time":"Jan 01, 2021","badge":["实战","商城","Vant"],"from":["博客园","https://www.cnblogs.com/"]}],"fd2021":[{"title":"2021前端会有什么新的变化？","href":"https://www.zhihu.com/question/428128531?content_source_url=https://github.com/vue3/vue3-News","detail":"2021年前端会有什么新变化? 2020年前端圈带来具有突破意义的内容或框架不多,也不会再有2013年到2017间日日新的框架大战局面,也不会有Node全栈之争,也不会因为...","time":"Jan 01, 2021","badge":["2021","前端","变化"],"from":["知乎","https://zhihu.com/"]},{"title":"从2020看2021前端发展趋势","href":"https://juejin.cn/post/6912435101452206088?content_source_url=https://github.com/vue3/vue3-News","detail":"想简单谈谈这一年前端的发展，以及21年可能会出现的一些趋势。毋庸置疑，2020年确实是不平凡的一年，对前端来说，私以为可以用“大前端持续深耕，泛前端兼容并包”这十四个字来形容。这里需要明确一下我对“大前端”以及“泛前端”这两个概念的理解：首先大前端可以分为广义的“大前端”和狭义的“大前端”，市面上常说的大前端主要分为这两类，所谓广义的“大前端”是指以前端技术解决所有本属于其他领域问题的前端技术。","time":"Jan 01, 2021","badge":["2021","前端","变化"],"from":["掘金","https://juejin.cn/"]},{"title":"2021 年毕业要不要学前端框架?","href":"https://www.zhihu.com/question/355384140?content_source_url=https://github.com/vue3/vue3-News","detail":"如果做前端，必须学，学深学透。ARV都要学，别做个Vue工程师。不仅ARV三大框架（库），其他的库和配套设施也要学啊。D3/ECharts 图表库要学一个吧，AntD/MDUI UI库要学一个吧，TS要学吧，Less/Sass 要学吧。","time":"Jan 01, 2021","badge":["2021","前端","毕业","框架"],"from":["知乎","https://zhihu.com/"]},{"title":"2021 年前端开发的下一步发展预测","href":"https://www.sohu.com/a/447955212_355140?content_source_url=https://github.com/vue3/vue3-News","detail":"","time":"Jan 01, 2021","badge":["2021","前端","框架"],"from":["搜狐","https://www.sohu.com/"]},{"title":"Web开发的5大趋势可能会给2021年带来革命性的变化","href":"https://zhuanlan.zhihu.com/p/324154627?content_source_url=https://github.com/vue3/vue3-News","detail":"时间越长，技术越复杂。由于复杂性，总是会时不时地出现许多趋势。快到2020年年底了，2021年也将迎来一系列将成为前沿领域的新趋势。在这里，我们正在谈论Web开发的趋势。","time":"Jan 01, 2021","badge":["2021","前端","框架"],"from":["知乎","https://zhihu.com/"]}],"vite":[{"title":"Vite 会成为2021年最受欢迎的前端工具吗？","href":"https://juejin.cn/post/6928043092142456839?content_source_url=https://github.com/vue3/vue3-News","detail":"测试不同的前端构建工具一直以来是笔者的一个奇怪的嗜好，因为说实话,webpack 真的太难用了。上手成本高、插件鱼龙混杂、最难受的就是启动dev太慢，这些都是它的缺点。直到vite出现，笔者才原来前端开发可以如此丝滑。","time":"Feb 12, 2021","badge":["2021","Vite","前端"],"from":["掘金","https://juejin.cn/"]},{"title":"vite2.0+CompistionAPI+ts入门到精通教程","href":"https://zhuanlan.zhihu.com/p/352176851?content_source_url=https://github.com/vue3/vue3-News","detail":"最近看到尤雨溪大神发布了 Vite2.0 马上对其进行跟踪，打算出一系列关于 Vite 2.0 结合 Composition Api 以及 typescipt 入门到精通系列教程以实战为线索，逐步深入 Vue 3.0 的各个环节，掌握前端常用性能体验优化思路，打造完整的前端工作流，提升工程化编码能力和思维能力带领大家从零开始学习 Vite 2.0 以及 typescipt","time":"Jan 01, 2021","badge":["Vite","CompistionAPI","TypeScript"],"from":["知乎","https://zhihu.com/"]},{"title":"拥抱 Vite2.0 系列（五）打包生产","href":"https://zhuanlan.zhihu.com/p/351864141?content_source_url=https://github.com/vue3/vue3-News","detail":"当需要将应用程序部署到生产环境时，只需运行vite构建命令。默认情况下，它使用 <root>/index.html作为构建入口点，并生成一个适合通过静态托管服务提供的应用程序包。","time":"Jan 12, 2021","badge":["Vite2","前端","打包"],"from":["知乎","https://zhihu.com/"]},{"title":"如何看待 Web 开发构建工具 Vite？","href":"https://www.zhihu.com/question/394062839?content_source_url=https://github.com/vue3/vue3-News","detail":"Vite，一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时不仅有 Vue 文件支持，还搞定了热更新，而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用 rollup 打。虽然现在还比较粗糙，但这个方向我觉得是有潜力的，做得好可以彻底解决改一行代码等半天热更新的问题。","time":"Jan 01, 2021","badge":["2021","前端","Vite"],"from":["知乎","https://zhihu.com/"]},{"title":"Vue3 + Vite + TypeScript 项目实战 -----（二）Vue3 生命周期","href":"https://juejin.cn/post/6929040071962132488?content_source_url=https://github.com/vue3/vue3-News","detail":"Vue3 继承了 Vue2 的所有生命周期函数，所以 Vue2 的生命周期的应用方式同样适用于 Vue3。同时 Vue3 还新增了一些新的生命周期。原有的生命周期函数我们这边不做过多的赘述，我们来讲解一下 Vue3 相对于 Vue2 变更了和新增了哪些生命周期函","time":"Jan 20, 2021","badge":["Vue3","Vite","TypeScript"],"from":["掘金","https://juejin.cn/"]}],"vue23":[{"title":"Vue3文档【Vue2迁移Vue3】","href":"https://juejin.cn/post/6858558735695937544?content_source_url=https://github.com/vue3/vue3-News","detail":"查看 vue 3.0 文档 后，总结记录一下从 vue 2 迁移到 vue 3 所需的一些更改，方便日后对比学习新版本。","time":"Jan 01, 2021","badge":["Vue2","Vue3","文档"],"from":["掘金","https://juejin.cn/"]},{"title":"Vue2.x对比Composition API写法","href":"https://juejin.cn/post/6844904132944330759?content_source_url=https://github.com/vue3/vue3-News","detail":"当然，他们没有强制要求使用Vue3.0，不习惯的依然采用Vue2.x的写法慢慢过渡。我个人喜欢追求新知识，所以我就一步到位了。Vue3.0的升级必然有许多亮点，之前也有大致了解：函数式API，Typescript支持等。最喜欢这种工作，可以在工作尝试和学习新的东西。从此开始Vue3.0之旅。","time":"Jan 01, 2021","badge":["Vue2","Vue3","Typescript"],"from":["掘金","https://juejin.cn/"]},{"title":"如何在Vue2与Vue3中构建相同的组件","href":"https://juejin.cn/post/6844904136589180935?content_source_url=https://github.com/vue3/vue3-News","detail":"随着Vue3即将发布，许多人都在想“ Vue2与Vue3有何不同？”为了显示这些更改，我们将在Vue2和Vue3中构建一个简单的表单组件。在本文结尾，你将了解Vue2和Vue3之间的主要编程差异，并逐步成为一名更好的开发人员。","time":"Jan 01, 2021","badge":["构建","Vue2","Vue3","组件"],"from":["掘金","https://juejin.cn/"]},{"title":"vue2.0与3.0对比以及vue3.0 API入门","href":"https://juejin.cn/post/6844904130985590791?content_source_url=https://github.com/vue3/vue3-News","detail":"(注意：在使用vue3.0的时候，最好将你的vue脚手架工具升级到最新的cli 4.x,我在cli3.x的上执行vue add vue-next会报错。【升级脚手架步骤】:npm install -g @vue/cli 安装完毕以后 运行vue -V查看版本号)","time":"Jan 01, 2021","badge":["入手","Vue3","实战"],"from":["掘金","https://juejin.cn/"]},{"title":"解析Vue2.0和3.0的响应式原理和异同(带源码)","href":"https://juejin.cn/post/6844904111813443598?content_source_url=https://github.com/vue3/vue3-News","detail":"结构: 2.0用Flow ,3.0用 TypeScript。性能: 3.0优化了Virtual Dom的算法。响应式原理:2.0用 Object.defineProperty,3.0用Proxy","time":"Jan 01, 2021","badge":["Vue3","原理","解析"],"from":["掘金","https://juejin.cn/"]}],"vue3react":[{"title":"Vue3 究竟好在哪里？（和 React Hooks 的详细对比）","href":"?content_source_url=https://github.com/vue3/vue3-News","detail":"这几天 Vue 3.0 Beta 版本发布了，本以为是皆大欢喜的一件事情，但是论坛里还是看到了很多反对的声音。主流的反对论点大概有如下几点：意大利面代码结构吐槽和抄袭 React 吐槽","time":"Jan 01, 2021","badge":["React","Vue3","Hooks"],"from":["知乎","https://zhihu.com/"]},{"title":"尤大Vue3.0直播虚拟Dom总结(和React对比)","href":"https://juejin.cn/post/6844904134647234568?content_source_url=https://github.com/vue3/vue3-News","detail":"Vue3核心的Typescript，Proxy响应式，Composition解决代码反复横跳都有很棒的文章剖析了， 我总结一下虚拟Dom部分把，并对比一下React， vdom的重写也是vue3性能如此优秀的重要原因","time":"Jan 01, 2021","badge":["React","总结","Composition"],"from":["掘金","https://juejin.cn/"]},{"title":"【你不知道的 React】当 React Hooks 遇见 Vue3 Composition API","href":"?content_source_url=https://github.com/vue3/vue3-News","detail":"前几天在知乎看到了一个问题，React 的 Hooks 是否可以改为用类似 vue3 composition api 的方式实现？关于 React Hooks 和 Vue3 Composition API 的热烈讨论一直都存在，虽然两者本质上都是实现状态逻辑复用，但在实现上却代表了两个社区的不同发展方向。","time":"Jan 01, 2021","badge":["React","Vue3","Composition"],"from":["掘金","https://juejin.cn/"]},{"title":"React中引入Vue3的@vue/reactivity 实现响应式状态管理","href":"https://juejin.cn/post/6844904054192078855?content_source_url=https://github.com/vue3/vue3-News","detail":"React的状态管理是一个缤纷繁杂的大世界，光我知道的就不下数十种，其中有最出名immutable阵营的redux，有mutable阵营的mobx，react-easy-state，在hooks诞生后还有极简主义的unstated-next，有蚂蚁金服的大佬出品的hox、hoox。","time":"Jan 01, 2021","badge":["React","响应式"],"from":["掘金","https://juejin.cn/"]}]}')},"33f3":function(e,t,i){},6801:function(e,t,i){},"87de":function(e,t,i){"use strict";i("6801")},"87f4":function(e,t,i){},"942d":function(e,t,i){},"9cdc":function(e,t,i){"use strict";i("942d")},c641:function(e,t,i){"use strict";i("fa49")},c81e:function(e,t,i){"use strict";i("87f4")},cd49:function(e,t,i){"use strict";i.r(t);i("e260"),i("e6cf"),i("cca6"),i("a79d");var u=i("830f"),c=i("5c40"),n={class:"view"};function o(e,t){var i=Object(c["x"])("router-view");return Object(c["s"])(),Object(c["e"])("div",n,[Object(c["j"])(i)])}i("9cdc");const s={};s.render=o;var a=s,r=i("9483");Object(r["a"])("".concat("/vue3-News/","service-worker.js"),{ready:function(){console.log("App is being served from cache by a service worker.\nFor more details, visit https://goo.gl/AFskqB")},registered:function(){console.log("Service worker has been registered.")},cached:function(){console.log("Content has been cached for offline use.")},updatefound:function(){console.log("New content is downloading.")},updated:function(){console.log("New content is available; please refresh.")},offline:function(){console.log("No internet connection found. App is running in offline mode.")},error:function(e){console.error("Error during service worker registration:",e)}});i("33f3"),i("ab8b"),i("db28");var l=i("8c4f"),d=Object(c["E"])("data-v-1d6eb308");Object(c["v"])("data-v-1d6eb308");var b={class:"home"},v={class:"container-fluid xbox"},h=Object(c["h"])('<div class="row" data-v-1d6eb308><div class="col-xl-12 t-a-c mu" data-v-1d6eb308><div class="vx-box" data-v-1d6eb308><span class="x" data-v-1d6eb308>x</span><span class="v" data-v-1d6eb308>v</span><p data-v-1d6eb308>Vue 3.0 训练营</p></div></div></div>',1),p={class:"row xcard news"},j={class:"col-xl-6"},m=Object(c["j"])("p",{class:"title"},"Hot News",-1),f={class:"col-xl-6"},g=Object(c["j"])("p",{class:"title"},"Daily News",-1),w={class:"row xcard pit"},V={class:"col-xl-6"},O=Object(c["j"])("p",{class:"title"},"入坑指南",-1),_={class:"col-xl-6"},x=Object(c["j"])("p",{class:"title"},"入坑案例",-1),N={class:"row xcard pit"},y={class:"col-xl-6"},k=Object(c["j"])("p",{class:"title"},"2021前端趋势",-1),C={class:"col-xl-6"},J=Object(c["j"])("p",{class:"title"},"Vite系列",-1),R=Object(c["h"])('<div class="row xcard-title" data-v-1d6eb308><div class="col-xl-12 t-a-c" data-v-1d6eb308><b data-v-1d6eb308>问一问，面一面；更健康！</b></div></div><div class="row xcard interview" data-v-1d6eb308><div class="col-xl-6" data-v-1d6eb308><p class="title" data-v-1d6eb308>每周问一问</p> # 列出Vue2.x 到 Vue3 详细对比？ <br data-v-1d6eb308> # Vue3.0 编译做了哪些优化？（底层，源码）？<br data-v-1d6eb308> # Composition Api 与 Vue 2.x使用的Options Api 有什么区别？<br data-v-1d6eb308> # vite为什么要去革了webpack的命？ </div><div class="col-xl-6" data-v-1d6eb308><p class="title" data-v-1d6eb308>Vue 3.0 面试</p><ul data-v-1d6eb308><li data-v-1d6eb308><a href="https://blog.csdn.net/qq_35942348/article/details/110677399" target="_blank" data-v-1d6eb308># 2021年，vue3.0 面试题分析（干货满满，内容详尽）</a></li><li data-v-1d6eb308><a href="https://juejin.cn/post/6892295955844956167" target="_blank" data-v-1d6eb308># （建议收藏）Vue3 对比 Vue2.x 差异性、注意点、整体梳理，与React hook比又如何？（面试热点）</a></li><li data-v-1d6eb308><a href="https://segmentfault.com/a/1190000038848131" target="_blank" data-v-1d6eb308># Vue3.0面试题整理，希望对您有帮助(一)</a></li><li data-v-1d6eb308><a href="https://blog.csdn.net/weixin_40599109/article/details/110938941" target="_blank" data-v-1d6eb308># Vue3.0面试题整理，希望对您有帮助(二)</a></li><li data-v-1d6eb308><a href="https://jishuin.proginn.com/p/763bfbd36f35" target="_blank" data-v-1d6eb308># Vue3.0 面试题汇总【附答案噢】</a></li></ul></div></div><div class="row xcard-title" data-v-1d6eb308><div class="col-xl-12 t-a-c" data-v-1d6eb308><b data-v-1d6eb308>Vue2 => Vue3 <= React 16/17</b></div></div>',3),S={class:"row xcard contrast"},z={class:"col-xl-6"},A=Object(c["j"])("p",{class:"title"},"Vue2-Vue3",-1),I={class:"col-xl-6"},T=Object(c["j"])("p",{class:"title"},"Vue3-React",-1),P=Object(c["h"])('<div class="row xcard-title" data-v-1d6eb308><div class="col-xl-12 t-a-c" data-v-1d6eb308><b data-v-1d6eb308>招聘信息</b></div></div><div class="row xcard contrast" data-v-1d6eb308><div class="col-xl-4" data-v-1d6eb308> 期待ing... </div><div class="col-xl-4" data-v-1d6eb308> 获取ing... </div><div class="col-xl-4" data-v-1d6eb308> 植入ing... </div></div><div class="row xcard-title" data-v-1d6eb308><div class="col-xl-12 t-a-c" data-v-1d6eb308><b data-v-1d6eb308>本站简介</b></div></div><div class="row xcard contrast" data-v-1d6eb308><div class="col-xl-4" data-v-1d6eb308><p class="title" data-v-1d6eb308>开始唠叨</p><div data-v-1d6eb308> 我们的GitHub地址：https://github.com/vue3/vue3-News <br data-v-1d6eb308>我们的公众号已经在路上了，敬请期待！<br data-v-1d6eb308> Thanks♪(･ω･)ﾉ<br data-v-1d6eb308></div></div><div class="col-xl-4" data-v-1d6eb308><p class="title" data-v-1d6eb308>唠叨几句</p><div data-v-1d6eb308> 我该如何写简介呢？<br data-v-1d6eb308> 用诗歌的方式？<br data-v-1d6eb308> 写段代码的方式？<br data-v-1d6eb308> ...<br data-v-1d6eb308></div></div><div class="col-xl-4" data-v-1d6eb308><p class="title" data-v-1d6eb308>继续唠叨</p><div data-v-1d6eb308> 谢谢大家！！！<br data-v-1d6eb308> 祝各位漂亮小姐姐、小哥哥<br data-v-1d6eb308> 新年好，鸿运照，烦恼的事儿往边靠，爱情滋润没烦恼，钞票一个劲儿往家跑；出门遇贵人，在家听喜报，年年有此时，岁岁有今朝，祝您一年更比一年好！<br data-v-1d6eb308></div></div></div><div class="row" data-v-1d6eb308><div class="comments-box" data-v-1d6eb308><div id="gitalk-container" class="comments" data-v-1d6eb308></div></div></div><div class="row feature" data-v-1d6eb308><div class="col-xl-12 t-a-c" data-v-1d6eb308><p data-v-1d6eb308>加油ヾ(◍°∇°◍)ﾉﾞ少年，未来可期！</p></div></div><div class="row" data-v-1d6eb308><div class="col-xl-12 copyright" data-v-1d6eb308><p data-v-1d6eb308>COPYRIGHT © BRUCE JENN 2021. ALL RIGHT RESERVED.</p><div data-v-1d6eb308> More Information <a href="https://github.com/vue3/vue3-News" target="_blank" title="Vue3-News" data-v-1d6eb308>Vue3-News</a> - Collect from <a href="https://github.com/vue3/vue3-News" title="Vue3-News" target="_blank" data-v-1d6eb308>Vue3-News</a></div></div></div>',7);Object(c["t"])();var E=d((function(e,t){var i=Object(c["x"])("GithubCorner"),u=Object(c["x"])("Article");return Object(c["s"])(),Object(c["e"])("div",b,[Object(c["j"])(i),Object(c["j"])("section",v,[h,Object(c["j"])("div",p,[Object(c["j"])("div",j,[m,(Object(c["s"])(!0),Object(c["e"])(c["b"],null,Object(c["w"])(e.news,(function(e,t){return Object(c["s"])(),Object(c["e"])(u,{index:t,key:t,info:e},null,8,["index","info"])})),128))]),Object(c["j"])("div",f,[g,(Object(c["s"])(!0),Object(c["e"])(c["b"],null,Object(c["w"])(e.dailyNews,(function(e,t){return Object(c["s"])(),Object(c["e"])(u,{index:t,key:t,info:e},null,8,["index","info"])})),128))])]),Object(c["j"])("div",w,[Object(c["j"])("div",V,[O,(Object(c["s"])(!0),Object(c["e"])(c["b"],null,Object(c["w"])(e.course,(function(e,t){return Object(c["s"])(),Object(c["e"])(u,{index:t,key:t,info:e},null,8,["index","info"])})),128))]),Object(c["j"])("div",_,[x,(Object(c["s"])(!0),Object(c["e"])(c["b"],null,Object(c["w"])(e.courseDemo,(function(e,t){return Object(c["s"])(),Object(c["e"])(u,{index:t,key:t,info:e},null,8,["index","info"])})),128))])]),Object(c["j"])("div",N,[Object(c["j"])("div",y,[k,(Object(c["s"])(!0),Object(c["e"])(c["b"],null,Object(c["w"])(e.fd2021,(function(e,t){return Object(c["s"])(),Object(c["e"])(u,{index:t,key:t,info:e},null,8,["index","info"])})),128))]),Object(c["j"])("div",C,[J,(Object(c["s"])(!0),Object(c["e"])(c["b"],null,Object(c["w"])(e.vite,(function(e,t){return Object(c["s"])(),Object(c["e"])(u,{index:t,key:t,info:e},null,8,["index","info"])})),128))])]),R,Object(c["j"])("div",S,[Object(c["j"])("div",z,[A,(Object(c["s"])(!0),Object(c["e"])(c["b"],null,Object(c["w"])(e.vue23,(function(e,t){return Object(c["s"])(),Object(c["e"])(u,{index:t,key:t,info:e},null,8,["index","info"])})),128))]),Object(c["j"])("div",I,[T,(Object(c["s"])(!0),Object(c["e"])(c["b"],null,Object(c["w"])(e.vue3react,(function(e,t){return Object(c["s"])(),Object(c["e"])(u,{index:t,key:t,info:e},null,8,["index","info"])})),128))])]),P])])})),D={class:"about"},F=Object(c["j"])("a",{href:"https://github.com/vue3/vue3-News",class:"github-corner","aria-label":"View source on GitHub"},[Object(c["j"])("svg",{width:"80",height:"80",viewBox:"0 0 250 250",style:{fill:"#64ceaa",color:"#fff",position:"absolute",top:"0",border:"0",right:"0"},"aria-hidden":"true"},[Object(c["j"])("path",{d:"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"}),Object(c["j"])("path",{d:"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",fill:"currentColor",style:{"transform-origin":"130px 106px"},class:"octo-arm"}),Object(c["j"])("path",{d:"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",fill:"currentColor",class:"octo-body"})])],-1);function H(e,t){return Object(c["s"])(),Object(c["e"])("div",D,[F])}i("87de");const M={};M.render=H;var W=M,L=i("9ff4"),B=Object(c["E"])("data-v-52c68443");Object(c["v"])("data-v-52c68443");var G={class:"article-box"},q={class:"title"},U={class:"content"},X={class:"footer"},Z=Object(c["i"])(" From: ");Object(c["t"])();var K=B((function(e,t){return Object(c["s"])(),Object(c["e"])("div",G,[Object(c["j"])("div",q,[Object(c["j"])("a",{href:e.href,target:"_blank"},"#"+Object(L["E"])(e.index+1)+" "+Object(L["E"])(e.title),9,["href"]),Object(c["j"])("div",null,[(Object(c["s"])(!0),Object(c["e"])(c["b"],null,Object(c["w"])(e.badge,(function(e){return Object(c["s"])(),Object(c["e"])("span",{key:e},Object(L["E"])(e),1)})),128))])]),Object(c["j"])("div",U,[Object(c["j"])("p",null,Object(L["E"])(e.detail),1)]),Object(c["j"])("div",X,[Object(c["j"])("p",null,"Time: "+Object(L["E"])(e.time),1),Object(c["j"])("p",null,[Z,Object(c["j"])("a",{href:e.from[1],target:"_blank"},Object(L["E"])(e.from[0]),9,["href"])])])])})),Y=(i("a9e3"),{name:"Article",props:{info:Object,index:Number},setup:function(e){return e.info}});i("c81e");Y.render=K,Y.__scopeId="data-v-52c68443";var Q=Y,$=i("0f19"),ee=i("7671"),te=i.n(ee),ie=new te.a({clientID:"a9f878495a02042b2f24",clientSecret:"d60ef5836933b944e3033fe93adbb3069d0d9974",repo:"vue3-News-comments",owner:"vue3",admin:["Bruce Jenn"],language:"zh-CN",id:"vue3-News"}),ue={name:"Home",components:{GithubCorner:W,Article:Q},setup:function(){return Object(c["q"])((function(){ie.render("gitalk-container")})),$}};i("c641");ue.render=E,ue.__scopeId="data-v-1d6eb308";var ce=ue,ne=[{path:"/",name:"Home",component:ce}],oe=Object(l["a"])({history:Object(l["b"])("/vue3-News/"),routes:ne}),se=oe,ae=i("5502"),re=Object(ae["a"])({state:{},mutations:{},actions:{},modules:{}});Object(u["a"])(a).use(se).use(re).mount("#app")},fa49:function(e,t,i){}});
//# sourceMappingURL=index.7e39d82e.js.map