Skip to content
master
Go to file
Code

README.md

vue3-News

Vue3+ & Vue-CLI3+ 开�?�生�?圈资讯

🚀 欢迎Star,�?�续会�?断更新。
🇨🇳 最�?�更新日期:2�?⃣0�?⃣2�?⃣0�?⃣/1�?⃣2�?⃣

�?2020】 ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡- �?2021】

Twitter vue3: vue 3 will be available by the end of Q2.(done)

9月18日星期五,Vue的作者尤雨溪�?�表主题演讲,正�?�?�布Vue3.0并回应一些大家关切的问题。表示�?建议大家立刻�?�级到Vue3.0版本,之�?项目中�?些�?赖项�?�能还�?支�?新版,等社区完善�?��?进行�?移也�?迟。

Vue3.0正�?�?�布,尤雨溪在线全�?��?�布会:�?戳这里】

想了解更多有关 Vue 3.0 的信�?�,请大胆访问:v3.vuejs.org

除了�?�独 Vue3 资讯,欢迎查看更多 vue.js 资讯:�?�?🔥Vue.js 资讯 📚】目�? web �?端开�?��?�常�?�爆的框架;定时更新,欢迎 Star 一下。】

目录

�?� 关于旧版本

Vue CLI 的包�??称由 vue-cli 改�?了 @vue/cli。 如果你已�?全局安装了旧版本的 vue-cli (1.x 或 2.x),你需�?先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli �?�载它。

�?�Node 版本�?求

Vue CLI 需�? Node.js 8.9 或更高版本 (推�?? 8.11.0+)。你�?�以使用 nvm 或 nvm-windows 在�?�一�?�电脑中管�?�多个 Node 版本。

�?�Vue 3.0 �?代�?

当大多数国人还在庆�?国庆节的时候,尤雨溪大大在昨天凌晨�?�布了 Vue 3.0 �?代�?,�?�?地�?�:https://github.com/vuejs/vue-next 。虽然目�?还 处于 Pre-Alpha 版本,但是�?�以预�?�?��?�的 Alpha�?Beta 等版本应该�?会太�?�远。
之�?,就有预言,除了性能优化�?脚手架和新功能外,TypeScript �?对是一个�?点,因此,在 Vue 3.0 �?代�?版本中,98%代�?由 Typescript 编写,相信�?��?�会是 100%。
通过本次�?�布的�?代�?�?�以了解到针对 Vue 3 计划并已实现的主�?架构改进和新功能。
Vue 3 中最主�?的新特性:组�?��? API,已�?�?�以借助 https://github.com/vuejs/composition-api (在 Vue 2 项目中作为�?�件使用)体验到。

yyx990803 yyx990803

v3.0.4 (2020-12-02)

Please refer to CHANGELOG.md for details.

Bug Fixes

  • async-component: forward refs on async component wrapper (64d4681), closes #2671
  • attr-fallthrough: ensure consistent attr fallthrough for root fragments with comments (3bc2914), closes #2549
  • build: enable safari10 option for terser (#2472) (20a704f), closes #2470
  • compiler-core: fix scope var reference check for v-on expressions (9db7095), closes #2564

...

v3.0.0 One Piece

v3.0.0 One Piece

Today we are proud to announce the official release of Vue.js 3.0 "One Piece". This new major version of the framework provides improved performance, smaller bundle sizes, better TypeScript integration, new APIs for tackling large scale use cases, and a solid foundation for long-term future iterations of the framework.

One Piece. Vuejs 3.0 正�?版�?�布�?代�?�:海贼王


进入了rc版本阶段:

3.0.0-rc.12 (2020-09-16)
...
3.0.0-rc.1 (2020-07-17)

-- Alpha(α):预览版,或者�?�内部测试版;一般�?�?�外部�?�布,会有很多Bug;一般�?�有测试人员使用。
-- Beta(β):测试版,或者�?�公开测试版;这个阶段的版本会一直加入新的功能;在 Alpha版之�?�推出。
-- RC(Release Candidate):最终测试版本;�?�能�?为最终产�?的候选版本,如果未出现问题则�?��?�布�?为正�?版本。

多数开�?软件会推出两个RC版本,最�?�的 RC2 则�?为正�?版本。
我们的vue3就�?一样,慢慢�?�,好东西,就�?慢慢�?�?

3.0.0-beta.20 (2020-07-08)
@ github-actions released this 5 days ago · 37 commits to master since this release Please refer to CHANGELOG.md for details.

...

v3.0.0-beta.2
released this 6 days ago · 29 commits to master since this release
release: v3.0.0-beta.2

v3.0.0-beta.1
released this 7 days ago · 40 commits to master since this release
release: v3.0.0-beta.1

🔥�?�2020 �?端�?�试秘�?

�?�??血整�?�清�?�一】�?端�?�试全攻略,为您�?驾护航,金三银四
�?�??血整�?�清�?�二】�?端�?�试全攻略,为您�?驾护航,金三银四
�?�??血整�?�清�?�三】�?端�?�试全攻略,为您�?驾护航,金三银四

秘�?在手,天下我有; �?��?你想进,那么世界就是你的。

�?� �?端整�?�之�?�

�?整�?�】�?端优化得有个好手段,比如看这个清�?� �?��?��?��?�🌽
�?整�?�】�?端学习笔记总结清�?�,应有尽有 �?��?��?��?��?�

🦃 关于 TypeScript

�?2020-Q1-News】TypeScript 新鲜一波�?,自己�?�??
�?最新】TypeScript 梳�?�知识点列表,�?��?�一战?
�?必会】都已�? 9102 年底了,你必须会 TypeScript。

为什么�?学习它?
因为:

  • 按需输出 JavaScript 版本
  • 代�?标准化利于团队开�?�
  • 主�?框架�?�最新特性的支�?
  • 便于�?构和主�? IDE 支�?
  • 更多�?�好特性和检测
    ...

哈哈哈,并�?是,是因为都已�? 2020 了,大公�?�和你们都在用。

Vue3-CheatSheet

由 Vue Mastery 网站归纳的 Vue 3 Cheat Sheet, 直观地概况了其主�?特性。

Vue3 Cheat Sheet Vue3 Cheat Sheet

vueuse

antfu/vueuse

like React hooks.
Collection of essential Vue Composition API utils works for Vue 2.x and 3.x https://vueuse.js.org/

Collection of essential Vue Composition API (inspired by react-use)

🚀 Features

  • âš¡ 0 dependencies: No worry about your bundle size
  • 🌴 Fully tree shakable: Only take what you want
  • 🦋 Type Strong: Written in Typescript
  • 🕶 Seamless migration: Works for both Vue 3 and 2
  • 🌎 Browser compatible: Use it though CDN
  • 🎪 Interactive docs & demos: Check out the Storybook!
  • 🔌 Optional Add-ons: Firebase, vue-i18n, etc

💃�?� 下�?�年撸 vue3 的姿势 💃�?�

�?� �? �?� �?� �?� 🦊

霸气姿势观望 vue3 核心技术 ing

  • Proxy:�?�?�是解决了 defineProperty 的局�?性。
  • Performance:性能更比 Vue 2.0 强。
  • Tree shaking support:�?�以将无用模�?�“剪辑�?,仅打包需�?的。
  • Composition API:组�?� API。
  • Fragment, Teleport, Suspense:“碎片�?,Teleport �?� Protal 传�?门,“悬念�?。
  • Better TypeScript support:更优秀的 Ts 支�?。
  • Custom Renderer API:暴露了自定义渲染 API。

TODOLIST:

  • 1 Docs & Migration Guides
  • 2 Router
  • 3 Vuex
  • 4 CLI
  • 5 新工具:vite(法语 “快�?)
  • 6 vue-test-utils
  • 7 DevTools
  • 8 IDE Support (Vetur)
  • 9 Nuxt

介�? Vue.js 以�?� Vue-next �?�?分�?文章,希望通过学习Vue.js�?�?获得更好的知识和收获。
�?这是入�?�】你�?找的 vue �?�? 全宇宙的都在这�?

v3.0.0 One Piece

「我是�?�?为海贼王的男人�?

vue => Q3 2020

3.0: Release Management

  • Regression testing for 3.0
  • Automated nightly release
  • Formalize release lifecycle
  • setup CLA process

3.0: IE11 compat build
3.0 Official Release

2.7

  • Backport compatible 3.x features to 2.x
  • Deprecation warnings for 3.x changes
  • This will be the last minor release for 2.x and be offered as LTS (long-term support) for 18 months. It will continue to receive critical security updates even after the LTS period.

Vue 3 Deep Dive with Evan You �?中英字幕】- Vue Mastery
课程中�??到的预备课程是《Vue3 �?应�?原�?�》

里�?�评论区和弹幕有在调侃尤大大的:

=》尤雨溪就是个写�?端的,懂什么vue�?
=》你一点都�?懂vue
=》他懂个锤�?的vue
=》他根本�?懂vue

=>兄弟�?妹们,你们的饿了么�?�级为vue3了,在紧急构建中,很多大佬都在。
�?🎉 A Vue.js 3.0 UI Library element-plus.org/】

从Vue 2到Vue 3的�?移指�?�

  • vue3指�?�—01安装
  • vue3指�?�—02介�?
  • vue3指�?�-03应用实例
  • vue3指�?�-04 Template Syntax template语法
  • vue3指�?�—05 Computed属性(property)和侦�?�器
  • vue3指�?�-06 Class and Style Bindings 类�??和样�?值绑定
  • vue3指�?�-07 Conditional Rendering �?�件渲染
  • vue3指�?�-08 List Rendering 列表渲染

Vue 组�?��? API

🚴�?� 🚴�?��?♂�? 🚴�?��?♀�? 🚵�?� 🚵�?��?♂�? 🚵�?��?♀�?

vue3.0 Composition API 入门教程

vue3.0 Composition API 上手�?体验 构建基本项目开�?�环境
vue3.0 Composition API 上手�?体验 构建 vue 基础代�?
vue3.0 Composition API 上手�?体验 使用 vue-router 构建多页�?�应用
vue3.0 Composition API 上手�?体验 神奇的 setup 函数 (一) �?应数�?�的绑定
vue3.0 Composition API 上手�?体验 神奇的 setup 函数 (二) �?应对象数�?�的绑定
vue3.0 Composition API 上手�?体验 神奇的 setup 函数 (三) 生命周期函数
vue3.0 Composition API 上手�?体验 神奇的 setup 函数 (四) 计算属性 computed
vue3.0 Composition API 上手�?体验 普通组件的开�?�与使用
vue3.0 Composition API 上手�?体验 vue组件的具�??�?�槽 slot 的�?�化
vue3.0 Composition API 上手�?体验 函数组件的开�?�与使用
vue3.0 Composition API 上手�?体验 用路由循环,�?�个导航�?��?�

�?�金文 / vue-next学习

vue-next 贡献指�?�(谷歌翻译版)
《Vue3.0抢先学》系列之:网�?�们都惊呆了�?
《Vue3.0抢先学》系列之:一个简�?�的例�?
《Vue3.0抢先学》系列之:使用Composition API
《Vue3.0抢先学》系列之:�?应�?之Ref vs. Reactive
《Vue3.0抢先学》系列之:使用render函数
《Vue3.0抢先学》vue-next 学习总结
《Vue3.0抢先学》系列之:组件属性Props
《Vue3.0抢先学》系列之:组件生命周期
《Vue3.0抢先学》系列之:更多�?应�?API示例(watch,computed的�?��?)

What you will love in Vue 3
Prepare yourself for what to expect in Vue 3 with Alex Kyriakidis' presentation from the Vue.js Amsterdam conference.

GitHub - vuejs/vite: Make Web Dev Fast Again
Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production.

Vue.js 3 Course - Composition API, TypeScript, Testing
Vue.js 3 introduces some changes to the Async Component API - find out the changes, and how you can use Async Components with Webpack 5's bundle splitting to make your apps load faster than ever.

The case for HOC vs The Composition API
In this article Abdelrahman compares Higher-Order Components (using scoped-slots?content_source_url=https://github.com/vue3/vue3-News) with the upcoming Composition API. I especially enjoyed the Vee-Validate v4 comparison. Check it out!

Vuetensils 0.6: Simpler Forms, Better Accessibility, & Useful Filters!
The latest version of Vuetensils has some really cool features: improvements to form authoring, accessibility updates, and new filters to make life easier.

GitHub - vuejs/vitepress
GitHub - Akryum/vue-mention
GitHub - alvarosaburido/vue-dynamic-forms

�?谈 vue3

尤大推出vue3 beta之�?�

�?? �?� 🌾 �? 🌷 🌹 🥀 🌺 🌸 🌼 🌻
�?��?亲(�?� ̄ 3  ̄)�?� ╭�?� ~,悠�?�点�?悠�?�点。
�?? �?� 🌾 �? 🌷 🌹 🥀 🌺 🌸 🌼 🌻

vue 官方�??供的�?鲜库:https://github.com/vuejs/composition-api

迎接 Vue3.0 系列

👹 👺 💀 👻 👽 🤖

最新资讯-继续�?进 ╰(°▽°)╯

英文资料

2019 年中旬

天王盖地虎, �?塔镇河妖

文章列表标题 介�?
I_am_a_placeholder_placeholder_placeholder nothing
为 vue3 学点 typescript, 解读高级类型 第一课, 体验 typescript;
第二课, 基础类型和入门高级类型;
第三课, 泛型;
第四课, 解读高级类型;
第五课, 什么是命�??空间(namespace);
Vue 3.0:更快�?更�?�?让开�?�者更轻�?� 在 11 月 14 日-16 日于多伦多举办的 VueConf TO 2018 大会上,尤雨溪�?�表了�??为 “ Vue 3.0 Updates �? 的主题演讲,对 Vue 3.0 的更新计划�?方�?�进行了详细�?述。
Vue 3.0 �?瞻,体验 Vue Function API 最近 Vue 官方公布了 Vue 3.0 最�?�?的 RFC:Function-based component API,并�?�布了兼容 Vue 2.0 版本的 plugin:vue-function-api,�?�用于�??�?体验 Vue 3.0 版本的 Function-based component API。笔者出于学习的目的,�??�?在项目中�?试了 vue-function-api。
Vue 3.0 之�?你必须知�?�的 TypeScript 实战技巧 很多人对 TypeScript 的使用还�?�留在基本�?作上,其实 TypeScript 的特性�?�常强大,我们利用好这些特性�?�以有效地�??高代�?质�?�?加速开�?�效率,今天就介�? 9 个�?�常实用的 TypeScript 技巧或者特性.
Vue CLI 3.x 与 2.x 的区别 cli3 新增模�?概念,�?个模�?在项目中都有对应的�?置文件,项目�?�动时,对应的文件就会加载,与环境�?��?�?�?�,一个模�?�?�以包括多个环境�?��?。
Vue 3.0 RFC API 的实现 Vue3.0 的 RFC 已�?�?�布了几个月了,Vue 底层几乎没有�?�动,还是沿用原�?��?应�?的。所以一直在�?考能�?能使用现在的版本,实现 RFC 中的 API,直到看到了 Vue Function API 这个库,这个库让开�?�者�??�?�?鲜到了 RFC 中的 API,当然作为 RFC,所以最终 3.0 的 API 还是未知的,以�?�底层的实现也还未知。
Vue.js 3:�?��?�未�?�编程(function-based API) 如果你在使用 Vue.js,那么�?�能知�?�这个框架的第 3 版就�?出�?�了(如果你是在本篇文章�?�布�?�的一段时间看到这段�?的�?,我希望我的说法还是中肯的 😉)。新版本目�?正在积�?开�?�中,所以�?�能�?加入的特性都�?�以在官方的 RFC(request for comments)仓库中看到:github.com/vuejs/rfcs 。其中有一个特性 function-api,将会在很大程度上影�?我们未�?� Vue 项目的编写方�?。
�?�自 Vue 3.0 的 Composition API �?鲜 �?段时间,Vue 官方释出了 Composition API RFC 的文档,我也在收到消�?�的第一时间上手�?鲜。虽然 Vue 3.0 尚未�?�布,但是其处于 RFC 阶段的 Composition API 已�?�?�以通过�?�件 @vue/composition-api 进行体验了。接下�?�的内容我将以构建一个 TODO LIST 应用�?�体验 Composition API 的用法。
vue-cli 3.0 脚手架,从入门到放弃(二) 想写好代�?,和用好一个工具是离�?开的, 一般我们使用的工具有 HuilderX,sublimetext3,vscode,webstorm 等,个人目�?使用的是 hb,和 vscode,�?�以根�?�个人爱好�?�自选择,但一定�?熟练。
vue-cli 3.0 脚手架,从入门到放弃(三) �?�总结下�?程, 从我们 npm run serve 开始,打开 localhost:8080 端�?�,首先会加载 index.html。然�?�去 app.vue 里查找路由组件,这是会调动 router.js 里的�?置,选择首先�?打开哪个文件,找到我们的那个 path:'/'的页�?�,�?览器显示。完�?。

2019 年上旬

�?�?�?�我达芬奇

2019.01-2019.07

2018 年预告

天寒之时必�?�?冬

1�?Vue CLI 3 �?�建 vue+vuex 最全分�?

介�? Vue CLI 是一个基于 Vue.js 进行快速开�?�的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,�??供了终端里的 vue 命令(如:vue create �?vue serve �?vue ui 等命令) CLI �?务:@vue/cli-service 是一个开�?�环境�?赖。

2�?Vue.js 2 vs Vue.js 3 的实现

vue.js 核心团队已�?讨论过将在 Vue3 实现的�?�化。虽然 API �?会改�?�,但是数�?��?应机制(译者注:对数�?�改�?�的监�?�和通知)�?�生了�?�化。这�?味�?�什么呢,�?�时它对你�?味�?�什么呢?

3�?vue3.0 快速创建项目

vue3.0 使用了 cli3 快�?��?�建的技巧和�?�?�

4�?Vue.js 3.0 PPT(附部分中文翻译)

Evan You 刚刚�?�布了最新的 Vue 3 和他在 Vue Toronto 的演讲内容:

5�?vue3.0 �?体验有哪些实用新功能

关于项目创建,除了命令创建 3.x 还增加了图形化界�?�创建以�?�管�?� vue 项目 在创建新项目时还�?�以混�?�选用多�?集�?

6�?Vue 3.0 的生命周期

ue 3.0 的生命周期多了哪些东西和其中�?�改�?�了什么

7�?Vue-cli 3.0 �?体验

如今上 Vue 官网一看,脚手架都早已出 3.0 版了。唉,果然干这行一天�?学习都感觉�?�?��?……

8�?�?磅�?Vue CLI 3.0 正�?�?�布,带�?�多项�?大更新

近日,Vue 的作者尤雨溪在 Medium 上宣布正�?�?�布 Vue CLI 3.0,它也将为很多开�?�者带�?�期待已久的新特性。

9�?译文:Vue.js 3.0 开�?�计划

在上周的 Vue.js 伦敦会议上我简短地�?露了下个版本的 Vue 的新特性。这篇文章讲深入地�?述

10�?Vue 下个版本的计划。Vue CLI 2&3 下的项目优化实践:CDN + Gzip + Prerender

这些优化方案适用于 Vue CLI 2 和 Vue CLI 3 , 文章主�?基于 Vue CLI 2 进行介�?,关于如何在 Vue CLI 3 中进行相关的 webpack 调整,我已�?放在了 vue-cli3-optimization 这个仓库下,并�?有详细的注释,且�?外添加方便 Sass 使用的 loader,使用 Sass 时无需�?在�?个需�?引入�?��?和 mixin 的地方,�?次都很麻烦的 @import。下�?�将详细介�?这些优化方案的实践方�?和效果。

11�?Vue CLI 3 �?�布:精简�?置,增加图形界�?�,还有这些新功能

�?�?�的项目往往有�?�?�的需求,所以 webpack 这�?高�?��?的打包工具�?会�?�起�?�,但�?�时也被骂太�?�?�了。所以很多人就想简化或者�?装�?置,例如 facebook/create-react-app 将所有的�?置脚本�?装为 NPM 软件包。

12�?专访 Vue 作者尤雨溪:Vue CLI 3.0 �?构的原因

上个月,Vue CLI 3.0 正�?�?�布,为很多开�?�者带�?�期待已久的新特性,尤雨溪也说 Vue CLI 3.0 �?历了�?构,旨在尽�?�能�?少现代�?端工具在�?置上的烦�?�,并尽�?�能在工具链中加入最佳实践,让其�?为 Vue 应用程�?的默认实践。为了获�?�更多细节,InfoQ 采访了尤雨溪,以下是对采访内容的整�?�。

13�?�?磅�?尤雨溪�?�布 Vue 3.0 开�?�路线

在上周的 Vue.js 伦敦大会上,尤雨溪简�?介�?了 Vue 下一个主�?版本�?�?�布的内容,9 月 30 日,尤雨溪在 medium 个人�?�客上�?�布了 Vue 3.0 的开�?�路线,全文如下

�?�艺�?�?�身

�?�学之,审问之,慎�?之,明辨之,笃行之。

作者:�?少 (@bluezhan) 版�?�声明:自由转载-�?�商用-�?��?生-�?�?署�??(创�?共享 3.0 许�?��?)

License

Released under the MIT License.

You can’t perform that action at this time.