Vue.js前端开发实战-教学大纲

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

《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) 能主动的学习和巩固知识技术。

理解(Understand)

理解

理解Vue.js框架的基本特性和MVVM编程模式 熟悉Vue.js编程基本规范，养成遵循工程规范的

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

(Understand) 习惯和专业素养。

1 / 3




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

目标内容 培养能力 建模 应用技术 实现过程

掌握程度 具体描述

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

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

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



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



章

主 要 内 容

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

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

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

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

自定义指令，包括注册指令、钩子函数、自定义指令的绑定值 组件，包括注册组件、数据传递、自定义事件、内容分发、混入、动态组件

课堂 学时 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

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

第10章 过渡，包括单元素过渡、多元素过渡、多组件过渡、列表过渡

第11章 常用插件，包括应用vue-router实现路由、应用axios实现Ajax请求 第12章

单页Web应用，包括webpack简介、loader简介、单文件组件、项目目录结构

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

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

第14章 商品详情页面的设计与实现、购物车页面的设计与实现、付款页面的设计

与实现、登录和注册页面的设计与实现

第15章

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

4 4

3 3



四、实践项目实施计划表

单人实现

2 / 3




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

项目名称 项目类别 项目内容 项目成果 学时 实践场所

仿豆瓣电影评分网

课程级实训

为用户提供资源的浏览、更新、删除、查询和评价等功能

可运行成果物 8 实训室

五、教学方法

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

六、教学资源

1.教材

《Vue.js前端开发实战（慕课版）》，人民邮电出版社，ISBN：978-7-115-52111-8。

七、课程考核

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/a27457f79a8fcc22bcd126fff705cc1755275f25.html