《Vue前端框架开发》课程标准.pdfVIP

Vue前端框架开发

一、课程基本信息

课程名称Vue前端框架开发课程代码

课程类型B类（理论＋实践）课课程性质专业核心课

学时共68学时，其中实践42学时学分3

适用专业计算机应用技术开设学期第4学期

前导课程静态网页设计技术、JavaScript技术应用

后续课程Web前端开发综合实训

课程负责人审核人

二、课程性质与任务

（一）课程性质

本课程是web前端设计的必修课程。本课程主要培养学生前端框架技术应用，

项目需求分析及功能实现能力，使学生能够独立开发Web应用前端项目。通过该

课程的学习，学生将理解渐进式前端框架的工作原理，掌握Vue.s基本语法、j

与第三方库（VueRouter、axios、Vuex和Pinia）结合应用、工程项目开发方

法等内容，为基于框架的Web应用开发奠定基础。

（二）课程任务

本课程任务围绕Vue前端开发核心技能展开，要求学生完成组件库应用、

状态管理与数据交互、路由系统实践等专项任务，包括ElementPlus、Vant、

D

AntesignVue等组件库的安装与基础组件实现，Axios网络请求、Vuex与

Pinia状态管理的应用，以及VueRouter路由配置、动态路由与权限控制等功

能开发；并通过案例项目实战，运用所学技术完成商品管理、后台管理系统等项

目，同时在任务过程中融入课程思政元素，培养严谨规范的工匠精神、数据安全

意识、团队协作能力与技术创新思维。

三、课程目标与要求

（一）课程目标

1.素质目标

（1）培养交流、沟通的能力；

（2）形成勤奋学习的态度，严谨求实、创新的工作作风；

（3）树立高度责任心和良好的团队合作精神；

（4）养成良好的心理素质和职业道德素养。

2.知识目标

（1）了解前端开发技术的发展；

（2）掌握Vue.js的基本概念、内置指令、组件；

（3）掌握Vite的安装与使用方法。

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

（5）掌握axios的安装与使用方法；

（6）掌握Vuex的安装与使用方法；

（7）掌握Pinia的安装与使用方法；

3.能力目标

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

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

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

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

（5）能够利用Vuex、Pinia实现状态管理；

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

（二）课程要求

本课程要求学生掌握Web前端页面布局设计的方法，能够使用HTML5、CSS3

和JavaScript构建Web前端静态页面布局，结合Vue.js实现前端的数据交互与

展示，具体内容包括理解Vue.js渐进式框架的核心思想，掌握Vue.js框架的基

本语法、与第三方库结合使用的方法，了解网页设计、CSS样式、JavaScript

和前端常用框架等内容。通过本课程的学习,学生能够在理解Vue.js应用方法的

基础上，具备应用Vue.js解决Web前端开发的综合能力。

四、课程结构与内容

（一）课程结构

课程对接Web前端开发工程师、Vue开发工程师等岗位，融入网站技术比

+X

赛和Web前端开发职业技能等级证书（1证书）证书标准，引入商品管理、

后台管理系统等项目作为教学任务载体，每个项目按照Web前端开发岗位的工作

流程设计31个学习任务共68学时。

课程名称模块名称理论学时实践学时合计学时