《Vue应用程序开发》课程标准（含课程资政元素）.docx

PAGE2/NUMPAGES2

《Vue应用程序开发》课程标准

一、课程概要

课程名称

Vue应用程序开发

课程学分

4

课程学时

共68学时，理论28学时，实践40学时

课程类别

通识教育：￡基础课程￡核心课程￡一般课程￡拓展专业课程

专业教育：￡基础课程R核心课程￡拓展课程

课程性质

R必修￡选修

适用专业

软件技术

前导课程

HTML、CSS、JavaScript

后续课程

无

开设学期

第一学期

第二学期

第三学期

第四学期

第五学期

第六学期

√

二、课程定位

本课程是软件技术专业的专业核心课程，主要目标是培养软件技术专业学生的前端开发能力、职业素养和创新能力；掌握Vue的基本概念以及优势、Vue开发环境的搭建、Vue实例对象、内置指令、组件、事件、生命周期、全局API以及实例属性、过渡动画、路由、状态管理等等课程内容。通过本课程的学习，学生能够全面掌握如何利用Vue.js框架进行Web前端组件化开发的能力，为胜任Web前端开发等岗位工作提供核心支持。

三、课程目标

（一）素质（思政）目标

1.培养学生爱党爱社会主义、担当民族复兴大任的爱国情怀；

2.培养学生对社会主义核心价值观的情感认同和行为习惯；

3.培养学生爱岗敬业、艰苦奋斗、勇于创新、热爱劳动的劳动精神；

4.培养学生执着专注、精益求精、一丝不苟、科技强国的工匠精神；

5.培养学生标准意识、规范意识、安全意识、服务质量职业意识；

6.培养学生严谨细致、踏实耐心、团队协作、表达沟通的职业素质。

（二）知识目标

1.了解前端开发的MVVM模式；

2.掌握Vue.js的基本概念、内置指令、组件、过渡与动画；

3.掌握axios的安装与使用方法；

4.掌握VueRouter的安装与使用方法；

5.掌握Vuex的安装与使用方法；

6.掌握VueCLI脚手架的安装与使用方法。

（三）能力目标

1.能够编写Vue.js单文件程序；

2.能够利用选项式API和组合式API进行组件开发；

3.能够利用axios实现异步请求和拦截处理；

4.能够利用VueRouter实现路由定义、导航和导航守卫；

5.能够利用Vuex实现状态管理；

6.能够使用Vue.js结合第三方库实现前端界面布局、数据交互和展示。

四、课程设计思路

本课程根据知识点难易的先后顺序进行讲解。依次讲解初识Vue.js、Vue.js基础知识、组件基础、路由、常用的UI组件库、网络请求和状态管理等，并结合示例代码帮助学生进行理解。在每个章节中，通过阶段案例的实现，帮助学生学以致用，将基础知识转化为解决实际问题的能力。在学习了Vue.js基础知识后，通过实践项目，进一步巩固知识，并提高学生的分析和解决问题的能力。

通过学习本课程，使学生掌握如何将Vue.js与项目开发相结合。按照学习的难易程度及先后顺序安排具体的内容，可以有效地将学生所学的内容串联起来，从而培养学生分析问题和解决问题的能力。同时将1+X证书Web前端开发的核心考点为选取知识点的参照标准，结合职业技能大赛应用软件系统开发赛题难度设计训练项目，做到课-证-赛融通教学，并有机融入思政元素。

五、课程内容与要求

第1章初识Vue.js

学习单元

初识Vue.js

课时

4课时

学习目标

了解前端技术的发展，能够说出使用框架开发项目的优势

了解什么是Vue，能够说出Vue的基本概念

了解Vue的特性，能够说出Vue的4个特性

了解Vue的版本，能够说出Vue2和Vue3的区别

掌握VisualStudioCode编辑器的使用方法，能够完成中文语言扩展、Volar扩展的安装，以及使用VisualStudioCode编辑器打开项目并在项目中创建一个HTML5文档

掌握Node.js环境的搭建，能够独立完成Node.js的下载和安装

掌握常见的包管理工具的使用方法，能够应用npm和yarn相关命令下载、升级、卸载包

掌握Vite的使用方法，能够使用Vite创建Vue3项目

学习内容

知识点

掌握程度

重点

难点

前端技术的发展

了解

什么是Vue

了解

Vue的特性

了解

Vue的版本

了解

VisualStudioCode编辑器

掌握

Node.js环境

掌握

常见的包管理工具

掌握

什么是Vite

了解

创建Vue3项目

掌握

√

Vue3项目的目录结构

熟悉

Vue3项目的运行过程

了解

第2章Vue.js开发基础

学习单元

Vue.js开发基础

课时

12课时

学习目标

掌握单文件组件，能够创建并使用单文件组件

掌握数据绑定，能够定义数据并将数据渲染到页面中

掌握内容渲染指令，能够灵活运用v-text和v-html指令将字符串渲染