App Initialization

Explore how to initialize Vue applications using the createApp method in Vue 3, which allows multiple isolated Vue instances. Understand how plugin installation and global properties differ from Vue 2, enabling more modular and flexible application setups.

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