1. Get to know Vue3
1) Get relevant information
- The official version of Vue.js 3.0 "One Piece" will be released in September 2020
- More than 2 years of development, 100+ contributors, 2600+ submissions, 600+ PRs
- Vue3 supports most features of vue2
- Better support for Typescript
2) Performance improvements:
- 41% reduction in bundle size
- 55% faster initial render, 133% faster update render
- 54% less memory
- Use Proxy instead of defineProperty to implement data responsiveness
- Rewrite the implementation of virtual DOM and Tree-Shaking
3) New features
-
Composition API¶
-
setup
- ref and reactive
- computed and watch
- new lifecycle functions
- provide and inject
- …
-
new components
- Fragment - document fragment
- Teleport - The location of the teleport component
- Suspense - loading interface for asynchronously loaded components
-
Other API updates
- Changes to the global API
- Move the original global API to the application object
- Template Syntax Changes