App Initialization

Explore how to initialize Vue 3 applications using the createApp method, discovering the benefits of isolated Vue contexts. Understand differences from Vue 2, especially how plugins and global properties are managed distinctly in multiple Vue app instances.

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 ...

1.Before We Begin

2.Migrating from Vue 2 to Vue 3

3.Project Configuration and Useful Extensions

4.Scalable Project Architecture

5.Project and Component Documentation

6.API Layer and Managing Async Operations

7.Advanced Component Patterns

8.Managing Application State

9.Managing Application Layouts

10.Performance Optimization

11.Vuex Patterns and Best Practices

12.Application Security

Project

13.Best Practices for Testing Vue Applications

14.Useful Patterns, Tips and Tricks

15.Conclusion

16.Appendix

Project

App Initialization

Vue 2 and Vue 3