Here are two things you’ll learn after reading this article:
- Learn about new changes to new documents
- A harvest
Vue 3New document Study Notes (50Zhang Mind mapping)
preface
Hello everyone, I am LBJ, recently participated in the translation and verification of the new document of Vue 3
We know that the new Vue 3 documentation (vuejs.org) has been out for over a month, but that’s in English, have you seen it?
If you don’t, then you’re blessed! Chinese translation is coming 🎁
Why is it coming?
First, the original Vue 3 Chinese document (v3.cn.vuejs.org) has been marked: the old version
Second, the Chinese translation of the new document vuejs.org has completed the translation of the stable pages in English! And the day before yesterday, the official has removed the words “in preparation, only for preview” from the banner, which means that the new Chinese document can be started for everyone to read
So here it is, the new Vue 3 Chinese document. Join me for a sneak peek at the new changes in the document
The following text will be divided into two parts:
- New changes to new documents
Vue 3New document study notes
1. New changes in new documents
A brief summary of the 10 major changes is shown below
Second, new document study notes
start
Introduction to the
Quick start
basis
Create a Vue application
Template syntax
Responsive foundation
Calculate attribute
Class and style binding
Conditions apply colours to a drawing
The list of rendering
The event processing
Form input binding
Lifecycle hook
The listener
Template for ref
Component based
Further components
The component registration
Props
Component events
Passthrough attribute
slot
Dependency injection
Asynchronous components
reusability
Combinable function
Custom instruction
The plug-in
Built-in component
Transition
TransitionGroup
KeepAlive
Teleport
Suspense
Upgrade scale
Single file component
Tool chain
routing
State management
test
Server Side Rendering (SSR)
Best practices
Production Environment Deployment
performance
Frictionless access
security
With TS
Use Vue with TypeScript
TypeScript and composite apis
TypeScript and optional apis
The advanced
Use Vue in a variety of ways
The combined API FAQ
Deep responsive systems
Apply colours to a drawing mechanism
Render function & JSX
The attachment
- The mind map above has been original and original
xmindDocument uploadgithub, can be downloaded if necessary:portal - New document address: portal
- New document repository: Portal
conclusion
That is all the content of this article, if you have questions, please point out 🤞