This article has participated in the good article call order activity, click to see: back end, big front end double track submission, 20,000 yuan prize pool for you to challenge!

This is my 42nd day in Denver

preface

Start Vue3 again this month

The first part, the foundation, has been completed

I’ve distilled it all into 10 brain maps, both for a quick start on Vue3 and for later viewing

Mind maps

Application instances and component instances

Template syntax

Configuration options

Evaluate properties and listeners

Bind class and style

Conditions apply colours to a drawing

The list of rendering

The event processing

V-model and its modifiers

Basic use of components

Warm tips

  1. Because of many pictures, in order to avoid the trouble of saving one by one

I have uploaded the above original image to github: github.com/jCodeLife/m…

  1. If you need to change the image, make it easier for you to do so in your own way

I have uploaded the original xmind file to github: github.com/jCodeLife/m…

Related articles in this series are as follows

I. Basic Part (End)

  1. Understand the application examples and component instance | relearn Vue3
  2. Understand the template syntax | relearn Vue3
  3. Deep understanding of the data and the methods of configuration options | relearn Vue3
  4. Understanding calculate attribute and listener | relearn Vue3
  5. The binding class and inline style style | relearn Vue3
  6. Understand the conditions for rendering | relearn Vue3
  7. Understand the list rendering | relearn vue3
  8. Understand the event handling and related modifiers | relearn Vue3
  9. V – model and its modifiers | relearn Vue3
  10. Component of the basic use | relearn Vue3

Second, handwriting implementation part

  1. Simulate the Vue3 initialization process
  2. Simulate implementation of all Vue3 responsive APIS (1)

END

That’s all for this quick start to Vue3

If you have any questions, please leave a message. Thank you