Vue 3: mid 2020 status update

Question

Vue 3: mid 2020 status update

yyx990803 opened this issue 4 years ago · 70 comments

Vue 3: Mid 2020 Status Update

Many of our users have been asking this question: when will Vue 3 be ready? We have refrained from giving a definitive answer because predicting software delivery time is hardly ever accurate. As a non-profit-driven project, we wanted to focus on writing good software instead of hitting deadlines. However, it's been a long wait, and we know the uncertainty can make it difficult to make plans with Vue 3. So here we would like to provide some general guidance and detailed status updates to help our users adjust their expectations and plans accordingly.

The majority of the time spent on Vue 3 has been invested into designing and building a solid core, which brings about many exciting improvments (you can read more about it here). However, in order to mark the whole framework "ready", it's not just about the core. We also need to have compatible versions of the supporting libraries (Vue Router, Vuex, test utils), tools (CLI, eslint plugin, browser devtool extensions, IDE extensions), and documentation (both for new users and migration). While we have been working hard on all of these parts, it is very difficult to accurately predict a timeline given the amount of effort and coordination it takes to have all the pieces fit together. We originally hoped to have Vue 3 released in the first half of 2020, but we have to adjust it given the current progress. Our current target dates are mid July for the RC (release candidate) and early August for the official release of 3.0.

Decision Tree

It doesn't mean you cannot start using Vue 3 today though. Most of the framework parts are now in either beta or alpha, and the core itself has been extensively tested by our early adopters. The only thing that blocks us from going into RC is the browser devtools extension (which is being actively worked on at this moment). All the significant changes have been landed and documented in RFCs and there are no more planned breaking changes. If you've been waiting to get onboard with Vue 3, here is a decision tree to help you plan accordingly:

IWantVue3()

async function IWantVue3() {
  await read(`https://github.com/vuejs/rfcs/pulls?q=is%3Apr+is%3Amerged+label%3Acore+-label%3Arevoked+-label%3A2.6+sort%3Acomments-desc`)

  if (isTrue("I just want to play with Vue 3"))) {
    // If you just want to try Vue 3 out - you can do it right now with Vite.
    // Vite (https://github.com/vitejs/vite) is a new dev/build tool that we
    // created that is lighter, faster and produces smaller bundles. It works
    // with Vue 3 out of the box.
    run(`npm init vite-app hello-vue3`)
    return
  }

  if (isTrue("I am planning to use Vue 3 for a new project")) {
    if (isTrue("I need IE11 support")) {
      await IE11CompatBuild() // July 2020
    }
    if (isTrue("RFCs are too dense, I need an easy-to-read guide")) {
      await migrationGuide() // July 2020
    }
    if (isTrue("I'd rather wait until it's really ready") {
      await finalRelease() // Targeting early August 2020
    })
    run(`npm init vite-app hello-vue3`)
    return
  }

  if (isTrue("I am planning to upgrade an existing Vue 2 project")) {
    await IE11CompatBuild()
    await migrationGuide()
    await ecosystem(
      // this is the tricky part: if you have an existing, non-trivial Vue 2
      // app, you likely are using some dependencies that are not yet
      // Vue-3-compatible, for example meta frameworks like Nuxt, or UI
      // component libraries like Vuetify. If that's the case, our suggestion
      // is don't be in a hurry to upgrade. It *will* take some time for the
      // ecosystem to catch up.
      // Also note that you can start using Vue Composition API in Vue 2 today
      // via https://github.com/vuejs/composition-api - we are also going to be
      // backporting compatible Vue 3 features to 2.x once 3.0 is out.
    )
    return
  }

  if (isTrue("I am the author of a Vue ecosystem library")) {
    // It's time to make your lib Vue 3 compatible!
    return
  }
}

Status of Major Framework Parts

Vue 3 Core

Github
RFCs

Vue 3 core has been in beta for over two months now. We have merged all planned breaking change RFCs, and there are no further breaking changes planned before official 3.0 release.

Thousands of early adopters have been using it for new projects and have helped us identify and fix many bugs and behavior inconsistencies with Vue 2. At this stage, we believe Vue 3 core is quite stable and ready for RC.

Vue Router

Github
RFCs

We still have a few minor router hook behavior consistency issues with vue-router@3.x, but these are the only things that is blocking the router from being marked as Beta. The router is usable for new, non-critical projects.

Vuex

Github

The only difference between Vuex 4.0 and 3.x is that it's Vue 3 compatible! It is ready to enter RC together with Vue 3 core.

Vue CLI

Vue 3 support in Vue CLI is currently provided via the vue-cli-plugin-vue-next plugin. You can scaffold a new project and then run vue add vue-next to switch to Vue 3. Vue 3 will become a option in the project creation process when it reaches RC.

Note if you are not particularly attached to webpack and IE11 support, you can also start a Vue 3 project with Vite.

JSX Support

There are currently two JSX transform implementations for Vue 3 with slightly differing syntax (for Vue specific features):

We are using this thread to unify the design and land on an official specification of how Vue features should be handled in JSX. If you use Vue with JSX, please provide your feedback in that thread.

Other Projects

Project	Status
vue-devtools	WIP (beta channel with Vue 3 support in early July)
eslint-plugin-vue	[Github]
@vue/test-utils	[Github]
vue-class-component	[Github]
vue-loader	[Github]
rollup-plugin-vue	[Github]

maximilianschmid commented 4 years ago

Great!

ThitipongInlom commented 4 years ago

Good news

Answer 1 · 2020-06-30T16:20:58.000Z

Really thanks @yyx990803 to announce us about the progress of Vue 3. Waiting for good release this Aug.

Answer 2 · 2020-06-30T16:23:38.000Z

It's okay, the wait will be worth it

Answer 3 · 2020-06-30T16:27:15.000Z

thank you for the announcement, @yyx990803 💚💪🏼

Answer 4 · 2020-06-30T16:29:26.000Z

Apart from the update, really liked the Decision tree! <3

Answer 5 · 2020-06-30T16:51:22.000Z

"I need TypeScript type checking support for template"

Answer 6 · 2020-06-30T17:23:21.000Z

The biggest hang-up right now is the missing documentation!

I can read codebases with the best of them, but it doesn't explain the "intentional usage" of an undocumented feature.

Some features, in particular SSR, have had some major changes but are unusable until we know how they are meant to work.

Tl;Dr: without docs, the risk of "doing it wrong" is a deal killer.

Answer 7 · 2020-06-30T17:43:45.000Z

@yyx990803 what's the recommended way for plugin authors to support both Vue 2 and 3?

Answer 8 · 2020-06-30T17:52:08.000Z

What about vetur ? it's almost a requirement when developing in VSCode.

Answer 9 · 2020-06-30T18:46:48.000Z

A little addition to the "I just want to play with Vue 3" part:

I'm maintaining a showcase playground with code examples for the new features and a curated list of articles/courses targeting Vue 3. Feel free to contribute if something is missing from them.

Answer 10 · 2020-06-30T20:17:19.000Z

Great! 💪

Answer 11 · 2020-06-30T20:57:24.000Z

Just love Vue 3 soo much , I have been playing around with the composition api in a vue 2 project and it awesome. I just can't wait for August for the official release. Great Work by all the contributors and the community. Let's keep making vue better

Answer 12 · 2020-07-01T01:09:50.000Z

Thanks for the great work! The only thing stopping me is API changes at this point up until RC.

Answer 13 · 2020-07-01T01:33:31.000Z

@CyberAP regarding plugins that need to support Vue 2 and Vue 3, the way this was handled from Vue 1 to Vue 2 was just having a separate branch and a note in the README. This is how Vuex is handling this right now. You just deploy a separate version on NPM using a tag (--tag [version]).

I plan to maintain my plugins Vue 2 compat for the next 18 months, then put them into migration mode.

Likely, you leave the main branch as Vue 2, until you feel like most of the issues and users are on Vue 3. Many old-school projects (eg vue-multiselect) still have a 1.x branch as well.

So far, Vue 3 + Router + Vuex + Utils is feeling pretty on point in some small projects I've been working on! Great job everyone.

@asafyish Vetur (for Vue 2) works pretty well with Vue 3 as is (some missing features, like it will warn you about a root node which is no longer required in Vue 3). Aside from small things like that, you can still get TS inference etc without problem. It also looks like the Pine (the maintainer, handle octoref) is doing a ton of work around Vetur lately as well.

Answer 14 · 2020-07-01T01:48:00.000Z

Same for Vuex here. We'll probably create 3.0 branch and swap with current 4.0 branch. Vuex 3 will be supported as long as Vue 2 is supported 👍

Answer 15 · 2020-07-01T04:56:23.000Z

Even if it's a bit longer the most important is informations thank's a lot ! 👍

Answer 16 · 2020-07-01T07:27:46.000Z

Evan You , Immortal god .

Answer 17 · 2020-07-01T07:31:56.000Z

马上打开有道词典翻译一下。大神牛逼！

Answer 18 · 2020-07-01T08:27:05.000Z

Thanks to the whole team for your efforts!

Answer 19 · 2020-07-01T08:35:25.000Z

Yeah ! Good news !
Is anyone have test to switch an existing app vuejs2 to vuejs3 recently ? Because we try, want it was dirty (mostly imported libraries like Element, etc)... Is anyone have good resources on migration ?

Answer 20 · 2020-07-01T08:40:31.000Z

Yeah ! Good news !
Is anyone have test to switch an existing app vuejs2 to vuejs3 recently ? Because we try, want it was dirty (mostly imported libraries like Element, etc)... Is anyone have good resources on migration ?

I encountered the same issue, and now I am going to refactor Element-UI. Seem the Element official has no plan to upgrade Vue3.

Answer 21 · 2020-07-01T08:42:22.000Z

Thanks You All

Answer 22 · 2020-07-01T08:44:45.000Z

That's really really great stuff! Looking forward to the final release 🙂

Answer 23 · 2020-07-01T09:39:55.000Z

Final release...It's time to make new thing😉

Answer 24 · 2020-07-01T09:41:21.000Z

Looking forward to migration guide! Where could we find a draft version, to provide feedback on it?

 if (isTrue("I am planning to upgrade an existing Vue 2 project")) {
    await IE11CompatBuild() //this is not required. 
   //We want to upgrade existing Vue 2 projects and drop IE support. You might want to ask how many still need IE support for Vue3 version.

Answer 25 · 2020-07-01T11:07:58.000Z

@yyx990803 For once and all let's do this here!
https://isvue3readyyet.com/

Repo here: https://github.com/sandiprb/isvue3readyyet

Answer 26 · 2020-07-01T11:42:35.000Z

Great update. Good work takes time.

Answer 27 · 2020-07-01T11:49:57.000Z

what's the recommended way for plugin authors to support both Vue 2 and 3?

@CyberAP Saw your comment and I made a library for that just now - vue-demi 😆

Answer 28 · 2020-07-01T12:20:56.000Z

Thanks for all the great work everyone!!

Answer 29 · 2020-07-01T12:22:15.000Z

I hope vetur extension can get more attention. Currently, there are too many problems with vetur that make the experience of developing vue not good

Many important issues are not solved quickly and thoroughly

Answer 30 · 2020-07-01T19:50:08.000Z

I cant parse the code past line 5 due to a syntax error, please advise:

  if (isTrue("I just want to play with Vue 3"))) {

Answer 31 · 2020-07-02T01:07:40.000Z

얼릉 Vuejs 3.0 정식 버전을 맛보고 싶네요! Awesome!

Answer 32 · 2020-07-02T03:06:40.000Z

amazing ， awesome ， so fast ; waiting for Vuact;😃

Answer 33 · 2020-07-02T07:52:53.000Z

You guys rock! Can't wait for new features and performances!

Answer 34 · 2020-07-03T02:46:42.000Z

Amazing ! Thanks to you and your team 's great efforts to bring us this exciting features !!

Answer 35 · 2020-07-03T17:52:19.000Z

Here's an example of using Vue 3 with Vue-Router, lazy async components and without webpack:

https://github.com/arijs/vue-next-example

Answer 36 · 2020-07-03T19:45:45.000Z

the function is absolutely fabulous

Answer 37 · 2020-07-04T07:35:37.000Z

"I need TypeScript type checking support for template"

use this IDE -- VSCode
install this extension -- vetur
set this config -- vetur.experimental.templateInterpolationService = true

Answer 38 · 2020-07-05T13:24:12.000Z

console.log("Great work!");

Answer 39 · 2020-07-05T15:34:57.000Z

#dieHardVueFan

So long as I never have to use reactjs, I will wait!

Do what you must do! 🥰

Courage to y'all ✌🏿

Answer 40 · 2020-07-05T17:27:09.000Z

Awesome! I’m definitely interested in Vite!

Answer 41 · 2020-07-06T03:16:28.000Z

Greate job, so see you in Aug.

Answer 42 · 2020-07-06T03:36:56.000Z

8月见，遇见更好的Vue。

Answer 43 · 2020-07-06T04:51:37.000Z

8月见，遇见更好的Vue。

Answer 44 · 2020-07-09T07:26:52.000Z

Just waiting for you! Thanks for your team

Answer 45 · 2020-07-10T20:04:49.000Z

YYESSS!! Can't wait!!!! :D

Answer 46 · 2020-07-11T09:51:22.000Z

Thank you for the great work 😄
Waiting for laravel, vuetify and other dev tools support
My early test on laravel with vue 3 was working but only with webpack. Would want to see laravel mix integrated thank you 😄

Answer 47 · 2020-07-18T16:47:29.000Z

Thank you. When are we getting a native delivery vue solution?

Answer 48 · 2020-07-18T20:07:54.000Z

Congratulations on RC 1, guys!

Answer 49 · 2020-07-21T02:23:54.000Z

very excited for the update!

Answer 50 · 2020-07-22T14:23:07.000Z

awesome! really excited for Vue 3! 😁

Answer 51 · 2020-07-24T05:09:47.000Z

@yyx990803 excellent job!
By the way, the address of rollup-plugin-vue mentioned in "Other Projects" is wrong.

Answer 52 · 2020-08-24T15:40:40.000Z

Is IE11 supported now?

Answer 53 · 2020-09-01T10:29:40.000Z

Hey, can't wait for VueJs 3 - got a question though,
The roadmap still says Q3 2020 -> didn't we just enter Q4? ;)
https://github.com/vuejs/vue/projects/6

Answer 54 · 2020-09-01T10:37:45.000Z

No, Q4 starts on october

Answer 55 · 2020-09-01T10:44:13.000Z

Oh my fault... little headache and a boss telling you that it's Q4 already messed me up 😂

Answer 56 · 2020-09-01T11:09:16.000Z

Tell your boss to wait a little more because Vue 3 is coming very soon

Answer 57 · 2020-09-07T18:37:28.000Z

Starting an Angular 1.x application migration to Vue 3 + Vite + Wijmo + Tailwindcss + PostgreSQL. The expectation is to have it running in production by March 2021. We would like to wait for the stable version to arrive, but if we wait, we will not hit the target. We must start in September. Any advice @yyx990803?

Answer 58 · 2020-09-13T03:01:22.000Z

I really need IE supported!!! not just IE11!
We have a lot of users is using Windows7（that is right , IE8 are still active ） and Windows10（IE11）。

The most tricky problem is some others software such as WeChat are still using the IE as default browser。

and, Is there any workaround to solve IE supported that I can use now？

Answer 59 · 2020-09-13T04:06:54.000Z

Why would anyone support an OS that's already at end of life? If you need IE8 support, maybe stick with an older library until your users can upgrade.

Answer 60 · 2020-09-13T04:13:12.000Z

@xmsz Right now you cannot use Vue 3 in IE. The work around is using Vue 2, works great in IE. If you need to support IE (like me in my work) you are likely used to not using the latest and greatest technologies, anyway. Vue 2 -> Vue 3 is not so different, you can use the composition API and upgrade in the future when IE support is made available. That is what I am planning to do.

@m3nu a lot of orgs are locked to older OS/IE versions for political and/or other reasons. No one wants to use XP + IE.

Answer 61 · 2020-09-13T15:36:24.000Z

@lmiller1990 To be complete, as @xmsz is asking for IE8 support: there‘s no Vue support for IE8 and below, as indicated on Vue 0.11 doc and Vue 2 doc.

Answer 62 · 2020-09-15T10:07:53.000Z

@lmiller1990 Hi. do you have any news (when?) about supporting IE11?

As vue 3 is about to be released, I am starting to use vue 3 to develop new projects. Before this time, I wanted to know the progress of IE 11 support, so that I could decide whether to use vue 2 or vue 3.

I don’t want to online my project before supporting IE 11. my client might kill me(😢). That will be a sad story

Answer 63 · 2020-09-15T10:12:24.000Z

@lmiller1990 Hi. do you have any news (when?) about supporting IE11?

As vue 3 is about to be released, I am starting to use vue 3 to develop new projects. Before this time, I wanted to know the progress of IE 11 support, so that I could decide whether to use vue 2 or vue 3.

I don’t want to online my project before supporting IE 11. my client might kill me(😢). That be a sad story

me too..🥺

Answer 64 · 2020-09-15T11:57:51.000Z

FYI if no one has seen the full conference official announcement about Vue 3: https://www.eventbrite.co.uk/e/vue-global-online-conference-tickets-105505078530#tickets - this will happen on this week 17th and 18th 👍

the short live announcement will happen for free in here: https://www.youtube.com/watch?v=Vp5ANvd88x0

Answer 65 · 2020-09-15T22:56:26.000Z

@axetroy @Vvni if you need IE11 support by a specific date, you will need to use Vue 2 for now.

I am in the same situation. We use Vue at work, and we need IE11 support. This this is open source, even if there was an optimistic deadline in mind for IE11 (which there isn't), there is no guarantee it will be ready by that time anyway (or be 100% perfect).

So, if your success relies on IE11 support, you should use Vue 2. This is what I'll be doing. I don't really see this is a problem - Vue 2 works great in IE11 (battle tested) and you can use the composition API plugin if you want to. Look at this as a good thing - Vue 2 very reliable and has been used in production for years by many companies. You can then upgrade sometime in the future, when all the bugs are ironed out of Vue 3.

I am sure more information will come about IE11 support, but the team is focused on shipping Vue 3 for the rest of the browsers, devtools, testing plugins, router, docs etc. Thanks for your enthusiasm!

Answer 66 · 2020-12-30T19:40:05.000Z

Any chance at a new update for the end of 2020? Curious about IE11 support as well as what's next for the framework looking into 2021!

Answer 67 · 2021-02-19T06:20:28.000Z

Is there any workaround to solve IE11 supported that I can use now？after vue 3.0 is official released

Answer 68 · 2021-02-20T01:32:48.000Z

The work-around is to use Vue 2 + Composition API for now - the Vue 3 IE11 support will be have the same reactivity limitations as Vue 2 anyway, so upgrading will not be difficult.