App Initialization

Learn the differences between Vue 2 and Vue 3 concerning Vue application initialization.

We'll cover the following

Vue 2 and Vue 3

Another change in the latest version of Vue is how a Vue application is initialized. Previously, new Vue() was used to create a new Vue application instance. However, it was impossible to create separate Vue applications in Vue 2 because they shared the same Vue context. Vue 3 doesn’t have a default export anymore, so a Vue application must be created using the createApp method. The createApp returns a new application instance, which provides an isolated Vue context.

Note: References to Vue applications in this section, it doesn’t mean two separate Vue projects but, rather, one project with two Vue application instances that were created using the createApp method.

Vue 2 and Vue 3

See how the application is initialized in Vue 2:

Get hands-on with 1400+ tech skills courses.

Before We Begin

Migrating from Vue 2 to Vue 3

Project Configuration and Useful Extensions

Scalable Project Architecture

Project and Component Documentation

API Layer and Managing Async Operations

Advanced Component Patterns

Managing Application State

Managing Application Layouts

Performance Optimization

Vuex Patterns and Best Practices

Application Security

Best Practices for Testing Vue Applications

Useful Patterns, Tips and Tricks

Conclusion

Appendix

App Initialization

Vue 2 and Vue 3