Vue应用程序开发教学大纲.docx
文本预览下载声明
PAGE5 / NUMPAGES5
《Vue应用程序开发》课程教学大纲
一、 课程基本信息
1.课程名称：Vue应用程序开发
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编程模式
专业技能
引进、消化、吸收再创新能力
理解(Understand)
熟悉Vue.js编程基本规范，养成遵循工程规范的习惯和专业素养。
建模
分析(Analyze)
能够对现实世界进行抽象和建模。
应用技术
运用(Apply)
掌握Vue.js框架的基本语法，掌握vue-router和axios
实现过程
运用(Apply)
运用vue-cli独立开发、打包和测试项目
三、 各单元知识点、技能点分布及学时分配
章标题
节标题
知识点或技能点
掌握程度
理论学时
实践学时
第1章
Vue.js入门
1.1初识Vue.js
介绍Vue.js；和使用Vue.js的优势目的。
理解
2
1.2使用Vue.js理解MVVM模式
Vue.js是一个提供了MVVM模型的双向数据绑定的JavaScript框架，专注于View层。
1.3 Vue.js的响应式理解
通过一个实例来具体理解以下Vue的响应式。
第2章
第一个Vue.js应用
2.1Vue.js的使用
Vue.js下载；
使用CDN引入Vue.js；
通过npm安装；
Vue.js的Hello World。
理解 运用
4
2
2.2实例及选项
模板,数据,方法,计算属性、过滤器等。
2.3数据绑定
插值；
表达式绑定；
双向数据绑定；
过滤器。
2.4 计算属性
计算属性介绍及用法；
计算属性与方法的区别。
2.5生命周期
生命周期对应的方法。
2.6 章节案例
简单的秒表
第3章
Vue.js内置指令
3.1基本指令
v-text 和v-html指令；
v-cloak指令；
v-once指令；
v-if 、v-else和v-show指令；
v-on指令；
v-for指令；
数组更新。
理解 运用
4
4
3.2v-bind指令
v-bind指令基本用法；
v-bind绑定样式。
3.3v-model指令
v-model指令基本用法；
用v-for动态渲染选项；
绑定值；
修饰符。
第4章
Vue.js组件
4.1组件的基本使用
全局组件；
局部组件；
组件内的data必须是一个函数；
使用template元素创建组件；
组件嵌套；
使用props传递数据。
理解 运用
6
6
4.2组件通信
父组件向子组件传递数据；
子组件向父组件传递数据；
非父子组件通信；
创建自定义组件；
内容分发。
4.3动态组件
基础用法,keep-alive,activate钩子函数。
4.4动手实践
使用Vue组件开发购物车。
第5章
Vue.js过滤器和自定义指令
5.1过滤器的注册和使用
过滤器注册；
双向过滤器。
理解 运用
4
4
5.2过滤器参数
参数、动态参数。
5.3自定义指令注册和使用
自定义全局指令；
局部的自定义指令。
5.4钩子函数
Vue 提供了自定义指令的几个钩子函数。
5.5对象字面量
使用JavaScript 对象字面量。
5.6章节案例
使用过滤器移除数组中的重复项；
使用自定义指令实现彩虹标题效果；
第6章
Vue
显示全部