Vuejs前端开发教学大纲

【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《Vuejs前端开发教学大纲》，欢迎阅读！

《Vue.js 前端开发》教学大纲

《Vue.js前端开发》课程教学大纲

一、 课程基本信息

1.课程名称：Vue.js前端开发

2.课程英文名称： Application Development of Vue 3.课程类别：理论课

4.先修课程：《HTML与CSS设计基础》 《JavaScript程序设计》 5.学时安排：

课内总学时

理论授课

实践教学

学分

64 32 32 4.0

二、 教学目标

1.教学目标的总体概括

（1）专业能力目标：掌握 Vue.js框架的基本特性和基本语法，能够使用 vue-cli独立开 发、打包和测试项目。

（2）素质能力目标：培养学生通过查阅搜索资料方式进行学习，引导学生独立学习。 （3）工程能力目标：培养学生项目的基本需求分析和和设计能力，使学生能够独立开发移动 Web、移动 App、微信小程序、微信小游戏和快应用等。

理解 Vue.js手机开发技术的基本知识和常用的实现方法，涉及网页设计、CSS样式、 JavaScript、面向对象程序设计,响应式、前端常用框架等内容,通过本课程的学习,学生能够 了解 Web前端开发中,使用面向对象编程思想进行代码封装的基本方法与基本思路；使用优秀 的前端框架（Vue.js）；并且通过这些框架的学习和使用,培养学生运用新技术，解决 Web前 端开发的综合能力。 2.教学目标列表

目标内容 个人素质

理论知识

专业技能

培养能力 学习态度与习惯 专业知识

引进、消化、吸收再创新能力

掌握程度 运用(Apply)

具体描述

能主动的学习和巩固知识技术。

理解

理解 Vue.js框架的基本特性和 MVVM编程模式

(Understand)

熟悉 Vue.js编程基本规范，养成遵循工程规范的 理解

(Understand) 习惯和专业素养。

1 / 3


《Vue.js 前端开发》教学大纲

目标内容

培养能力 建模



应用技术 实现过程

掌握程度

具体描述

分析(Analyze) 能够对现实世界进行抽象和建模。 运用(Apply) 运用(Apply)

掌握 Vue.js框架的基本语法，掌握 vue-router和

axios

运用 vue-cli独立开发、打包和测试项目

三、 各单元知识点、技能点分布及学时分配

章 第 1章 第 2章 第 3章 第 4章 第 5章 第 6章 第 7章 第 8章 第 9章 第 10章 第 11章

第 12章 第 13章

主 要 内 容

Vue.js简介，包括 Vue.js概述、Vue.js的安装、开发工具 WebStorm简 介、创建第一个 Vue实例

基础特性，包括 Vue实例及选项、数据绑定 条件判断与列表渲染 计算属性与监听属性

样式绑定，包括 class属性绑定、内联样式绑定 事件处理，包括事件监听、事件处理中的修饰符

表单控件绑定，包括绑定文本框、绑定复选框、绑定单选按钮、绑定下拉 菜单、值绑定、使用修饰符

自定义指令，包括注册指令、钩子函数、自定义指令的绑定值 组件，包括注册组件、数据传递、自定义事件、内容分发、混入、动态组件 过渡，包括单元素过渡、多元素过渡、多组件过渡、列表过渡 常用插件，包括应用 vue-router实现路由、应用 axios实现 Ajax请求 单页 Web应用，包括 webpack简介、loader简介、单文件组件、项目目 录结构

状态管理，包括 Vuex简介、基础用法、实例

综合开发实例— 51购商城，包括项目的设计思路、主页的设计与实现、

第 14章

第 15章

商品详情页面的设计与实现、购物车页面的设计与实现、付款页面的设计 与实现、登录和注册页面的设计与实现

课程设计— 仿豆瓣电影评分网，包括课程设计目的、系统设计、主页的 设计与实现、电影信息页面的设计与实现、电影评价功能的实现



3

3

4

4

课堂 学时

1～２ 3 2 1～2 1～2 1～2 2 1～2 3 2 2 2 2

实验 学时 1 1 1 1 1 1 1 1 1～2 1～2 1～2 1～2 1～2

四、实践项目实施计划表

单人实现

项目名称

项目类别

项目内容

项目成果

学时

实践场所

仿豆瓣电影评分网 课程级实训

为用户提供资源的浏览、更新、

可运行成果物

删除、查询和评价等功能

8 实训室

五、教学方法

讲授教学法 、 演示教学法 、 案例教学法 、 指导教学法 、 自主学习法。

2 / 3


《Vue.js 前端开发》教学大纲

六、教学资源

1.教材

《Vue.js 前端开发实战》。

七、课程考核

1.形成性考核标准 考核项目

满分

考核内容 值

备注

扣分制，扣分上限不超过 10 分。 扣分制，扣分上限不超过 10 分

考勤 0 迟到一次扣 1 分，旷课 1 学时扣 2 分，使用考勤系统。 平时

成绩 课堂

表现 10 回答问题、课堂纪律等。

作业

40

每次作业根据提交以及完成情况酌情 0~10 分，批改 4 次。

总计

课程总成绩（100 分）=形成性考核成绩（50 分）+终结性考核成绩（100 分×50%）

2.终结性考核安排

终结性考核方式

试题类型、分值比例

上机考试 选择题

考试时间 90 分钟 50% 20% 30%

填空题/判断题

编程题/问答题

知识点覆盖面



知识点覆盖面达到 95%

应用、提高类知识点比例 应用、提高类知识点比例 10% 备注

考核环境需求：实验室/笔记本电脑/关闭有线无线网络等。

特殊要求：与其他课程同一时间考试/指定监考教师/草纸 2 张/允许使用计算器。

3 / 3

本文来源：https://www.wddqxz.cn/3c42e647c9aedd3383c4bb4cf7ec4afe04a1b1bb.html