Vue应用程序开发教学大纲.docxVIP

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