Vue 3 基础知识
上次更新时间：2024-11-26
课程售价: 2.9 元
联系右侧微信客服充值或购买课程
课程内容
1. Course Overview
2. Getting Started with Vue
- 1. Introduction and What Well Build (免费)
- 2. A Conceptual Overview of Vue
- 3. Setting Up Our Environment
- 4. Exploring Vue Tooling Options
- 5. Creating a New Project with the Vue CLI
- 6. Exploring What the Vue CLI Created
- 7. Creating a New Project with create-vue
- 8. Cloning Our Demo Application
- 9. Modifying the Default Home Page
3. Creating Custom Vue Components
04. Using Vue Template Syntax
- 01. Introduction
- 02. Binding Attributes to Data with v-bind
- 03. Binding to Events with v-on
- 04. Using Shorthand Bindings
- 05. Displaying Data with Interpolation
- 06. Conditionally Displaying Content with v-if and v-show
- 07. Repeating Elements with v-for
- 08. Formatting Data
- 09. Using Component Lifecycle Hooks
- 10. Sharing Component Functionality with Mixins
- 11. Summary
5. Using Vues Composition and Reactivity APIs
- 1. Introduction
- 2. Why Use the Composition API
- 3. Using the Composition API
- 4. Using script setup for Composition API Components
- 5. Making Components Reactive with the Reactivity API
- 6. Comparing the Different Reactivity Methods
- 7. Using Lifecycle Hooks with the Composition API
- 8. Exploring the Benefits of the Composition API
- 9. Summary
6. Styling Vue Components
07. Communicating Between Vue Components
- 01. Introduction
- 02. Creating Child Components
- 03. Passing Data to Child Componets with Props
- 04. Validating Props
- 05. Passing Data to Parent Components with Events
- 06. Lifecycle Hooks Revisited
- 07. Using ProvideInject to Pass Data to Deeply Nested Components
- 08. Slots - Injecting Content Into Child Components
- 09. Using Named Slots
- 10. Summary
8. Vue Routing and Navigation
09. Managing Vue Application State with Pinia
- 01. Introduction
- 02. What Is State Management
- 03. Creating a Pinia Store
- 04. Understanding Pinias Basics
- 05. Storing and Accessing Data in a Pinia Store
- 06. Maintaining Reactivity with Store State
- 07. Using Calculated Data (Getters) from a Pinia Store
- 08. Using Pinia Store Actions to Fetch Data from an API
- 09. Using an Options Store
- 10. Using Stores in Options API Components
- 11. Summary
10. Creating Custom Vue Directives
11. Deploying Vue Applications to Production
- 1. Introduction
- 2. Creating a Production Build with the Vue CLI and Vite
- 3. Using Environment Variables and Build Modes
- 4. Deploying to a Production Webserver
- 5. Handling Deep Linking on the Server
- 6. Inspecting the Built-in Webpack Config
- 7. Customizing the Webpack Config
- 8. Customizing Vite Config
- 9. Summary
课程内容
11个章节 , 87个讲座
1. Course Overview
2. Getting Started with Vue
- 1. Introduction and What Well Build (免费)
- 2. A Conceptual Overview of Vue
- 3. Setting Up Our Environment
- 4. Exploring Vue Tooling Options
- 5. Creating a New Project with the Vue CLI
- 6. Exploring What the Vue CLI Created
- 7. Creating a New Project with create-vue
- 8. Cloning Our Demo Application
- 9. Modifying the Default Home Page
3. Creating Custom Vue Components
04. Using Vue Template Syntax
- 01. Introduction
- 02. Binding Attributes to Data with v-bind
- 03. Binding to Events with v-on
- 04. Using Shorthand Bindings
- 05. Displaying Data with Interpolation
- 06. Conditionally Displaying Content with v-if and v-show
- 07. Repeating Elements with v-for
- 08. Formatting Data
- 09. Using Component Lifecycle Hooks
- 10. Sharing Component Functionality with Mixins
- 11. Summary
5. Using Vues Composition and Reactivity APIs
- 1. Introduction
- 2. Why Use the Composition API
- 3. Using the Composition API
- 4. Using script setup for Composition API Components
- 5. Making Components Reactive with the Reactivity API
- 6. Comparing the Different Reactivity Methods
- 7. Using Lifecycle Hooks with the Composition API
- 8. Exploring the Benefits of the Composition API
- 9. Summary
6. Styling Vue Components
07. Communicating Between Vue Components
- 01. Introduction
- 02. Creating Child Components
- 03. Passing Data to Child Componets with Props
- 04. Validating Props
- 05. Passing Data to Parent Components with Events
- 06. Lifecycle Hooks Revisited
- 07. Using ProvideInject to Pass Data to Deeply Nested Components
- 08. Slots - Injecting Content Into Child Components
- 09. Using Named Slots
- 10. Summary
8. Vue Routing and Navigation
09. Managing Vue Application State with Pinia
- 01. Introduction
- 02. What Is State Management
- 03. Creating a Pinia Store
- 04. Understanding Pinias Basics
- 05. Storing and Accessing Data in a Pinia Store
- 06. Maintaining Reactivity with Store State
- 07. Using Calculated Data (Getters) from a Pinia Store
- 08. Using Pinia Store Actions to Fetch Data from an API
- 09. Using an Options Store
- 10. Using Stores in Options API Components
- 11. Summary
10. Creating Custom Vue Directives
11. Deploying Vue Applications to Production
- 1. Introduction
- 2. Creating a Production Build with the Vue CLI and Vite
- 3. Using Environment Variables and Build Modes
- 4. Deploying to a Production Webserver
- 5. Handling Deep Linking on the Server
- 6. Inspecting the Built-in Webpack Config
- 7. Customizing the Webpack Config
- 8. Customizing Vite Config
- 9. Summary