Recent situation

1.58 million weekly active users (devTools) and 9.4 million monthly downloads.

Compared to last year

Devtools: 1.1 million -> 1.58 million (+43.6%) NPM: 6.2 million -> 9.4 million (+51.6%)

3.0 One Vue

Since then, Vue3 has stabilized and continues to explore the user experience.

Vue Router 4.0

It’s stabilized.

Vuex 4.0

It’s stabilized.

ecological

Slowly catching up!

  • Nuxt 3
  • Vuetify
  • Quasar
  • Element Plus
  • Ant Design Vue

The user experience

Ongoing exploration:

  • New Build tools
  • Better syntax
  • IDE/TS support

Build tools

Vite, needless to say, the star project of the year.

  • A more similar experience to vue-CLI
  • Esm-based HMR hot update
  • ESBuild provides dependency prebuilds
  • Rollup compatible plug-in interface
  • Built-in SSR support
  • More and more…

You can read more about how Vite 2.0 relies on precompilation and how the plugin mechanism is compatible with Rollup.

Vite or vue-CLI?

  • In the short term they will coexist
  • Long-term convergence: Vite speed + Vue-CLI comprehensive support

test

  • New version of Cypress component testing
  • @web/test-runner
  • Jest integration in progress

Take a look at @web/ test-Runner’s introduction, a very comprehensive test solution:

VitePress

Static site generator based on Vue3 + Vite.

It is unique in that:

  • Leverage the SPA development experience to customize user themes
  • Add dynamic components freely in Markdown
  • Automatically eliminate “double loading” of static content

Explore the future of SSR/SSG optimization with VitePress (Eat Your Own Dog Food)

  • More aggressive elimination of static content (even theme components)
  • More efficient builds
  • Build + edge caches on demand

New Development experience

Do more with the compiler:

  • script setup
  • styleCSS variable injection

script setup

  • The RFC address
  • Provide a more user-friendly Composition API in a single file
  • Improve runtime performance

Style variable injection

  • The RFC address
  • usingv-bind()In the single file componentstyleTo inject JS state-driven CSS variables
  • Enjoy the benefits of CSS-in-JS, but avoid its mental burden.

Better IDE/TS support

Multiple projects under exploration

  • Vetur
  • VueDX
  • Volar

Received:

  • Type checking, syntax hints, and automatic refactoring of SFC Templates

The following:

  • Consolidate these efforts into more recommended links
  • The CLI tool is used to verify THE SFC using TS

Plan:

  • The new official VSCode plugin based on Volar takes a lot of inspiration from Vetur and VueDX.
  • Supports other editors through internal design. Supports other editors through Language Service Protocol (LSP)

In the future

We abandoned IE11 in Vue3.

  • RFC
  • discuss

The author also translated this RFC:

Vue3 is considering ditching Internet Explorer altogether

Vue 2.7 will be the choice for those who stick with IE11, with more Vue3 features and TS support. (Estimated in q3 2021)

Vue3 integration build is coming too!

  • Estimated at the end of April
  • It can be configured separately to be compatible with V2

Vue3 will become the new default version at the end of q2 2021!

  • NPM’s Lastest Tag installs Vue3 by default
  • The vuejs.org website points to the documentation for Vue3

Thank you!

Push the original address

Twitter.com/youyuxi/sta…

Thank you for your

My name is SSH, and I am currently working in the Web Infra team of Bytedance. Currently, the team is still short in Beijing, Shanghai, Guangzhou, Shenzhen and Hangzhou (especially Beijing).

I have set up a recruitment community with a good atmosphere, where we can discuss our ideas and questions related to the interview. You are also welcome to join, send your resume to me at any time, and make friends.