Vue3 framework course content introduction

Get to know Vue

CDN installation and basic development function experience of Vue3

Vue-cli scaffolding installation and project creation

Experience vue development and expand configuration through vue-cli

options basic definition and MVVM mode

Template basic syntax and interpolation and instructions

Vue template basic syntax v-bind application

Vue template basic syntax computed property

Vue template basic syntax event monitoring v-on

Vue template basic syntax conditional branch v-if and v-show

Vue template basic syntax loop traversal v-for

Key binding in v-for

Detailed explanation of Vue template syntax v-model

Comprehensive application of Vue template syntax-shopping cart case

Introduction to Vue component development ideas

Create Vue components and component syntax structures

Component development ideas

Passing props from parent to child (communication between components)

Pass parent $emit from son to parent (communication between components)

How parent and child components access each other

Detailed explanation of Vue slot application

The life cycle function of components in Vue3

Using axios to request the server in Vue

Encapsulate network requests

Understand Vue’s routing

VueRouter routing application experience

Router mode switching and lazy loading

Customize router-link and use named views

Nested routing (sub-routing)

Dynamic routing and parameter passing

Redirects and aliases

Introduction and application of navigation guard

Use keep-alive and vue-router together

Vuex state management application overview

Install and experience Vuex state management

Use devtools tools to view status management

Mutations parameter passing problem

Computed property getters application in Vuex

ActionsAsynchronous processing operations

Modules module division and file splitting

CompositionAPI composition API introduction and experience

Detailed explanation of combination API entry method setup

Commonly used API applications in Composition

computed property API in Composition

CompositionAPI listener watch

Lifecycle API in Composition

Use provide and inject in the composition API

Composition API is used with routers

Composition API is used with Vuex

Vue3 summary and homework