⚠️ this article for the nuggets of technology community first, unauthorized prohibit reprint!
💖 original is not easy, the collection of this article is not easy, welcome to like collection and comment ~
preface
In order to consolidate Vue recently, 🚀 has spent 74 days since July 2nd to complete and complete the Vue3, benefiting a lot
📚 I have compiled all my notes into this article, 101 brain maps, including the latest syntax of Vue3.2. Suitable for beginners and students who do not have a comprehensive understanding of Vue
🎁 read this article, you will have a more comprehensive, deeper understanding of Vue!!
Mind maps
basis
Application instances and component instances
Template syntax
Configuration options
Evaluate properties and listeners
Bind class and style
Conditions apply colours to a drawing
List render V-for
The event processing
V-model and its modifiers
Basic use of components
Further components
Certified components
Component Props
Nonattribute property
Custom events
Slot slot.
Dependency injection: Provide and Inject
Dynamic and asynchronous components
Template references and control updates
Transitions and animation
Transition and animation overview
Class – and style-based transitions and animations
Transition of single element and single component
Multi-element, multi-component transition
List the transition
State transition
Reusable & combined
Introduction to the composite API
The setup function
Lifecycle hook
Dojo.provide and Inject
The template references template-refs
Mixin
Custom instruction
Teleport components
Render function 1
Render function 2 (native JS instead of template functionality)
Render function 3
Vue plug-in
High order guide
Dive into the principle of responsiveness
Responsiveness foundation
Calculate attribute
watchEffect
watch
Underlying rendering mechanics and optimizations
Change detection warning in Vue2
tool
Single file component
test
TS support 1
TS support 2
The mobile terminal
Production Environment Deployment
scale
Vue routing
State management
SSR server rendering
barrier-free
basis
The semantic
standard
resources
Style guide
Priority A rules: necessary (error avoidance)
Rule for priority B: Highly recommended (for code readability)-1
Rule for priority B: Highly recommended (for code readability)-2
Rule for Priority C: Recommend (minimize selection and cognitive costs)-1
Rule for Priority C: Recommend (minimize selection and cognitive costs)-2
Priority D
From Vue2 migration
An overview introduction
Incompatible changes
An overview of builds for migration
The upgrade process
Compatibility Configuration
API
Application configuration
The application of API
Global API – 1
Global API – 2
Global API – 3
Options for the Data
Option a DOM
Lifecycle hook -1
Lifecycle hook -2
Instructions and components
Combination – 1
Combination – 2
miscellaneous
Instance attributes
Instance methods
Instructions – 1
Instructions – 2
Instructions – 3
Instructions – 4
Special attribute
Built-in components -1
Built-in components -2
Built-in components -3
Responsiveness base API
Refs
Computed with the watch
Effect scope API
Modular API
SFC syntax specification
SFC tools
script setup-1
script setup-2
style scoped
style module
END
If you have any questions, please leave a message. Thank you
reference
v3.cn.vuejs.org/