Vue 2.0 is Here!

Evan You
Evan You
Sep 30, 2016 · 4 min read

Today I am thrilled to announce the official release of Vue.js 2.0: Ghost in the Shell. After 8 alphas, 8 betas and 8 rcs (a total coincidence!), Vue.js 2.0 is ready for production! The official guide has been fully updated and is available at vuejs.org/guide.

Ever since the work on 2.0 started back in April, the core team has made significant contributions to API design, bug fixes, documentation and TypeScript typings (yes, vue core, vue-router and vuex 2.0 all have TypeScript typings shipped in the npm packages), and the community also provided extremely valuable feedback on API changes — a big thank you to everyone involved!


What’s New in 2.0

Performance

Based on 3rd party benchmark, lower is better

The rendering layer has been rewritten using a light-weight Virtual DOM implementation forked from snabbdom. On top of that, Vue’s template compiler is able to apply some smart optimizations during compilation, such as analyzing and hoisting static sub trees to avoid unnecessary diffing on re-render. The new rendering layer provides significant performance improvements compared to v1, and makes Vue 2.0 one of the fastest frameworks out there. In addition, it requires minimal effort in terms of optimization because Vue’s reactivity system is able to precisely determine components that need to be re-rendered in a large and complex component tree.

It’s also worth mentioning that the 2.0 runtime-only build weighs at only 16kb min+gzipped, and totals at 26kb even with vue-router and vuex included, on par with the v1 core alone!

Render Functions

Render functions open up possibilities for powerful component-based patterns — for example, the new transition system is now completely component-based, using render functions internally.

Server-Side Rendering

Supporting Libraries

In particular, vue-router and vuex have both received many improvements in their 2.0 versions:

vue-router

  • Improved navigation with the <router-link> component
  • Simplified navigation hooks API
  • Customizable scroll behavior control
  • More comprehensive examples

vuex

  • Better code organization with improved modules API
  • Composable async actions

See their respective 2.0 docs for more details:

Community Projects

Many other community projects have also updated to be 2.0 compatible — check out awesome-vue and search for “2.0” on the page.


Migrating from 1.0

To help with the migration process, the team has been working on a very detailed migration guide along with a CLI migration helper. The tool is not able to catch every deprecation, but it will help you get a good head start for sure.


One More Thing…

(Yes, it is native like ReactNative or NativeScript, not Cordova.)


Vue has evolved a lot since its humble beginning as a side project. Today it is community funded, widely adopted in the real world, and boasts one of the strongest growth trends among all JavaScript libraries according to stats.js.org. We believe 2.0 is going to push it even further. It’s the biggest update to Vue since its inception, and we are excited to see what you build with it.

The Vue Point

The Official Vue.js Blog

Evan You

Written by

Evan You

Creator and project lead of Vue.js. I design, code and sometimes dream about making art.

The Vue Point

The Official Vue.js Blog

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade