Logo
☆☆☆☆☆
0.0
Beginner
16h

快速入门 Vue 3

Vue 3 引入了改进的响应式系统,提供了组合式 API 来以模块化方式组织组件逻辑,通过全新的虚拟 DOM 提升了性能,并增强了对 TypeScript 的支持。这些改进使 Vue 3 成为构建现代、可扩展且易于维护的 Web 应用的理想选择。 本课程将带你掌握 Vue 3 的核心概念。你将从学习 Vue.js 的基础知识开始,包括 Vue 实例、模板语法、插值、方法、计算属性和指令。接着,你将学习如何使用 Vue 组件、自定义组件、组件选项、组件生命周期、属性校验,以及命名插槽和作用域插槽。你还将学习如何在 Vue 中使用路由、导航及导航守卫。 完成本课程后,你将对 Vue 有扎实的理解,并能够创建更可扩展、易维护、易测试的 Vue 应用,具备处理复杂状态和数据的能力。

9 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
快速入门 Vue 3
Vue 3 引入了改进的响应式系统,提供了组合式 API 来以模块化方式组织组件逻辑,通过全新的虚拟 DOM 提升了性能,并增强了对 TypeScript 的支持。这些改进使 Vue 3 成为构建现代、可扩展且易于维护的 Web 应用的理想选择。 本课程将带你掌握 Vue 3 的核心概念。你将从学...

WHAT YOU'LL LEARN

对 Vue 实例、模板语法、插值、方法、计算属性和指令的理解

Content

9 Lessons • 0 Quizzes • 0 Challenges

Vue 3 概述
  1. 1

    课程简介

Vue.js:基础入门
  1. 1

    Vue 3 基础:实例与响应式数据

  2. 2

    模板与动态插值

  3. 3

    模板语法:指令

  4. 4

    方法和计算属性

  5. 5

    测验:Vue 基础知识

  6. 6

    挑战:创建一个简单的待办事项应用

总结
  1. 1

    总结

组件
  1. 1

    通用组件与自定义组件

  2. 2

    组件选项

  3. 3

    组件生命周期方法

  4. 4

    属性和默认属性

  5. 5

    与父组件通信

  6. 6

    命名插槽和作用域插槽

  7. 7

    测验:组件

  8. 8

    挑战:创建一个可复用的通用列表组件

附录
  1. 1

    Vue CLI 和安装

  2. 2

    Nuxt 的安装

  3. 3

    安装 Vuex

  4. 4

    安装 Vue Router

  5. 5

    构建工具

  6. 6

    npm 脚本和插件

  7. 7

    浏览器开发者工具

  8. 8

    生产环境构建

组合式 API
  1. 1

    setup() 函数

  2. 2

    处理数据:ref() 和 reactive()

  3. 3

    计算属性和侦听器

  4. 4

    生命周期钩子

  5. 5

    测验:组合式 API

  6. 6

    挑战:组合式 API

路由
  1. 1

    路由

  2. 2

    导航

  3. 3

    导航守卫

  4. 4

    示例:授权路由

  5. 5

    测验:路由

  6. 6

    挑战:使用 Vue Router 创建一个极简的博客引擎

状态管理
  1. 1

    状态管理简介

  2. 2

    Vuex 中的状态和获取器

  3. 3

    Vuex 中的突变和动作

  4. 4

    示例:员工通讯录

  5. 5

    测验:状态管理

  6. 6

    挑战:使用 Vuex 创建一个极简的博客引擎

Nuxt.js
  1. 1

    Nuxt.js 简介

  2. 2

    Nuxt 入门

  3. 3

    资源、Store、中间件和插件

  4. 4

    Nuxt 组件选项

  5. 5

    测验:Nuxt.js

  6. 6

    挑战:使用 Nuxt 重建一个博客引擎

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)