Logo
☆☆☆☆☆
0.0
Beginner
8h 30m

动手实践Vue.js:构建一个功能完整的单页应用

本课程将帮助你掌握使用 Vue.js 开发中等难度单页应用(SPA)所需的核心技能。 你将从 Vue.js 的入门开始,了解其优势以及基本架构。随后,课程将深入讲解 Vue.js 的关键内容,包括指令、渲染机制、用户输入处理以及 Vue 组件。 最后,你将综合运用这些概念,构建一个能够与后端服务器、API 和数据库进行交互的单页应用。 在学习过程中,你还将完成多项测验和编程挑战,以巩固对各项概念的理解。

8 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
动手实践Vue.js:构建一个功能完整的单页应用
本课程将帮助你掌握使用 Vue.js 开发中等难度单页应用(SPA)所需的核心技能。 你将从 Vue.js 的入门开始,了解其优势以及基本架构。随后,课程将深入讲解 Vue.js 的关键内容,包括指令、渲染机制、用户输入处理以及 Vue 组件。 最后,你将综合运用这些概念,构建一个能够与后端服务...

WHAT YOU'LL LEARN

理解 Vue.js 的基础知识以及使用前端 JavaScript 框架的原理。

Content

8 Lessons • 0 Quizzes • 0 Challenges

开启旅程:简介与约定
  1. 1

    本课程涵盖哪些内容?

  2. 2

    本课程适合谁?

  3. 3

    课程规范

为什么要使用 JavaScript 前端框架?
  1. 1

    传统网页是如何工作的?

  2. 2

    Vue.js 简介

  3. 3

    Vue.js 为什么更优?(虚拟 DOM)

  4. 4

    前端框架测验

Vue.js 应用的基本结构
  1. 1

    Vue.js 应用的结构概览

  2. 2

    el: '#app' 且 .$mount('#app')

  3. 3

    Vue.js 应用中的数据

  4. 4

    Vue.js 中的方法

  5. 5

    Vue 实例生命周期

  6. 6

    生命周期钩子

  7. 7

    编程挑战:Vue.js 应用结构

Vue 指令、绑定与响应式
  1. 1

    指令

  2. 2

    文本、原始 HTML 以及模板语法

  3. 3

    使用 JavaScript 表达式

  4. 4

    计算属性

  5. 5

    条件渲染

  6. 6

    列表渲染

  7. 7

    响应式列表渲染与状态

  8. 8

    类和样式绑定

  9. 9

    Vue 指令、绑定与响应式机制测验

  10. 10

    编程挑战:绑定与响应式

处理用户输入和事件处理器
  1. 1

    使用 v-model 实现双向绑定

  2. 2

    使用 v-bind 进行值绑定

  3. 3

    鼠标和键盘事件

  4. 4

    事件修饰符

  5. 5

    输入修饰符

  6. 6

    用户输入与事件处理程序测验

  7. 7

    编程挑战:事件处理

Vue 组件
  1. 1

    组件基础

  2. 2

    单文件组件

  3. 3

    使用 Props 向子组件传递数据

  4. 4

    动态属性值绑定与组件复用

  5. 5

    混入(Mixins)

  6. 6

    监听子组件事件

  7. 7

    同步子组件与父组件

  8. 8

    槽

  9. 9

    动态组件

  10. 10

    组件测验

  11. 11

    编程挑战:组件

与后端服务器(数据库和API)的交互
  1. 1

    从外部 API 获取数据

  2. 2

    后端服务器与数据库集成

  3. 3

    前端与后端服务器通信及数据存取

最终的应用程序
  1. 1

    完整的 Vue.js 单页应用

  2. 2

    结论

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)