Week 1: Basic Concepts of Vue3#
-
Core concepts of Vue3
-
Basic concepts of Composition API
-
Reactive system (ref, reactive)
-
Lifecycle hooks
-
Template syntax and directives
-
Setting up the development environment
-
Node.js installation
-
Using Vue CLI or Vite
-
VS Code and related plugin configuration
Week 2: In-depth Core Features of Vue3#
-
In-depth study of Composition API
-
setup function
-
Reactive references and computed properties
-
watch and watchEffect
-
Dependency injection (provide/inject)
- Basic component development
-
Component registration and usage
-
Props and events
-
Slots
-
Component lifecycle
Week 3: Routing and State Management#
-
Vue Router 4
-
Route configuration
-
Navigation guards
-
Route parameter handling
-
Nested routes
-
Pinia state management
-
Creation and usage of Store
-
State management patterns
-
Data persistence
Week 4: Practical Applications#
-
Network requests and data processing
-
Using Axios
-
RESTful API interaction
-
Data transformation and processing
-
Using UI component libraries
-
Element Plus or Ant Design Vue
-
Common component usage
-
Secondary encapsulation of components
Week 5: Engineering and Best Practices#
-
Engineering practices
-
TypeScript integration
-
Code standards (ESLint)
-
Unit testing
-
Packaging and deployment
-
Performance optimization
-
Lazy loading
-
Component caching
-
Packaging optimization