Vue.js v2.4.0 is now released and available. This version features full SSR + async component support in core, easier creation of wrapper components, better performance, and more.
Here is a highlight of the new features:
Full SSR + async component support in core
SSR now supports rendering async components used anywhere and the client also supports async components during the hydration phase. This means async components / code-splitting now just works during SSR and is no longer limited at the route level
Easier creation of wrapper components:
New component option:
inheritAttrs. Turns off the default behavior where
parent scope non-prop bindings are automatically inherited on the component root
New instance properties:
$attrs contains the parent-scope attribute bindings that were not recognized as props, and
$listeners contains the
v-onlisteners registered in the parent scope (without the
.native modifier). These are essentially aliases of
$vnode.data.on, but are reactive.
Combining these allows us to simplify a component like this down into this:
<div> <input v-bind="$attrs" v-on="$listeners"> </div>
v-on object syntax with no arguments. This pairs well with the new
$listenersinstance property when creating higher-order components. Note this syntax does not support modifiers.
v2.4.0 also features a number of bug fixes and you can find the complete change log on the Vue.js releases page.
Join the weekly newsletter and never miss out on new tips, tutorials, and more.