Vue.js 2.3: What's New, Release History & EOL Status

What Is New in Vue.js 2.3

What are the new functional component capabilities?

Functional components got a major upgrade. You can now use context as a second argument, giving you access to props, children, slots, data, parent, listeners, and injections.

This makes functional components much more powerful. In practice, you can now write more complex logic in functional components without needing to convert them to stateful components.

Example

Vue.component('my-component', {
  functional: true,
  render: function (createElement, context) {
    // Access to context.props, context.children, etc.
  }
})

How did async components improve?

Async component factories now receive a resolve and reject callback as arguments. This allows for more flexible asynchronous component loading logic.

You can now handle loading failures gracefully by calling reject(reason). This is crucial for building robust applications that need to handle poor network conditions.

Example

Vue.component('async-component', (resolve, reject) => {
  setTimeout(() => {
    // Resolve the component definition
    resolve(MyComponent);
    // Or reject if something goes wrong
    // reject('Failed to load');
  }, 1000)
})

What changed with server-side rendering?

Server-side rendering (SSR) received significant optimizations. The renderer now avoids unnecessary re-renders caused by style bindings, which improves performance.

This matters because it reduces the workload on your Node.js server. Your SSR responses will be generated faster and with less CPU overhead.

What v-model improvements were introduced?

The v-model directive got smarter with components. It now handles the input event more intelligently, especially when dealing with IME composition.

This fixes a common pain point for international users. Input in languages like Chinese or Japanese (which require composition) now works seamlessly with v-model.