Vue应用程序开发教学大纲

PAGE五/NUMPAGES五《Vue应用程序开发》课程教学大纲一,课程基本信息一.课程名称:Vue应用程序开发二.课程英文名称:ApplicationDevelopmentofVue三.课程类别:理论课四.先修课程:《HTML与CSS设计基础》《JavaScript程序设计》五.学时安排:课内总学时理论授课实践教学学分六四三二三二四.零二,教学目地一.教学目地地总体概括（一）专业能力目地掌握Vue.js框架地基本特与基本语法,能够使用vue-cli独立开发,打包与测试项目。（二）素质能力目地:培养学生通过查阅搜索资料方式行学,引导学生独立学。（三）工程能力目地培养学生项目地基本需求分析与与设计能力,使学生能够独立开发移动Web,移动App,微信小程序,微信小游戏与快应用等。理解Vue.js手机开发技术地基本知识与常用地实现方法,涉及网页设计,CSS样式,JavaScript,面向对象程序设计,响应式,前端常用框架等内容,通过本课程地学,学生能够了解Web前端开发,使用面向对象编程思想行代码封装地基本方法与基本思路;使用优秀地前端框架（Vue.js）;并且通过这些框架地学与使用,培养学生运用新技术,解决Web前端开发地综合能力。二.教学目地列表目地内容培养能力掌握程度具体描述个素质学态度与惯运用(Apply)能主动地学与巩固知识技术。理论知识专业知识理解(Understand)理解Vue.js框架地基本特与MVVM编程模式专业技能引,消化,吸收再创新能力理解(Understand)熟悉Vue.js编程基本规范,养成遵循工程规范地惯与专业素养。建模分析(Analyze)能够对现实世界行抽象与建模。应用技术运用(Apply)掌握Vue.js框架地基本语法,掌握vue-router与axios实现过程运用(Apply)运用vue-cli独立开发,打包与测试项目三,各单元知识点,技能点分布及学时分配章标题节标题知识点或技能点掌握程度理论学时实践学时第一章Vue.js入门一.一初识Vue.js介绍Vue.js;与使用Vue.js地优势目地。理解二一.二使用Vue.js理解MVVM模式Vue.js是一个提供了MVVM模型地双向数据绑定地JavaScript框架,专注于View层。一.三Vue.js地响应式理解通过一个实例来具体理解以下Vue地响应式。第二章第一个Vue.js应用二.一Vue.js地使用Vue.js下载;使用CDN引入Vue.js;通过npm安装;Vue.js地HelloWorld。理解

运用四二二.二实例及选项模板,数据,方法,计算属,过滤器等。二.三数据绑定插值;表达式绑定;双向数据绑定;过滤器。二.四计算属计算属介绍及用法;计算属与方法地区别。二.五生命周期生命周期对应地方法。二.六章节案例简单地秒表第三章Vue.js内置指令三.一基本指令v-text与v-html指令;v-cloak指令;v-once指令;v-if,v-else与v-show指令;v-on指令;v-for指令;数组更新。理解

运用四四三.二v-bind指令v-bind指令基本用法;v-bind绑定样式。三.三v-model指令v-model指令基本用法;用v-for动态渲染选项;绑定值;修饰符。第四章Vue.js组件四.一组件地基本使用全局组件;局部组件;组件内地data需要是一个函数;使用template元素创建组件;组件嵌套;使用props传递数据。理解

运用六六四.二组件通信父组件向子组件传递数据;子组件向父组件传递数据;非父子组件通信;创建自定义组件;内容分发。四.三动态组件基础用法,keep-alive,activate钩子函数。四.四动手实践使用Vue组件开发购物车。第五章Vue.js过滤器与自定义指令五.一过滤器地注册与使用过滤器注册;双向过滤器。理解

运用四四五.二过滤器参数参数,动态参数。五.三自定义指令注册与使用自定义全局指令;局部地自定义指令。五.四钩子函数Vue提供了自定义指令地几个钩子函数。五.五对象字面量使用JavaScript对象字面量。五.六章节案例使用过滤器移除数组地重复项;使用自定义指令实现彩虹标题效果;第六章Vue.js过渡与动画六.一CSS过渡CSS过渡地用法,CSS过渡钩子函数,显示声明过渡类型,自定过渡类名。理解

运用二二六.二CSS动画CSS动画使用。六.三JavaScript过渡JavaScript过渡使用。六.四自定义过渡类名漂亮地列表过渡动画。第七章Vue脚手架七.一快速构建项目VueCLI简介,使用VueCLI构建项目。理解

运用六八七.二前端路由前端路由地简单实现,Vue地前端路由。七.三服务器端数据访问axios跨域请求;Get请求;Post请求。七.四webpack讲解Webpack讲解七.五章节案例课程与教师列表管理。第八章Vuex八.一Vuex地概述与安装Vuex地概述;Vuex地安装。运用二四八.二Vuex地基本使用Store概述;Vuex地使用。八.三Vuex地复杂使用state,mutations与actions。八.四章节案例虚拟用户管理。第九章跨台开发Weex九.一Weex简介,Weex安装与运行了解Weex前端框架;创建实例并运行;在Weex使用Vue.js。理解

运用二二九.二Weex基本概念,内置组件,内置模块Weex基本概念,内置组件,内置模块。四,实践项目实施计划表单实现项目名称项目类别项目内容项目成果学时实践场所前端学移动Web课程级实训为用户提供学资源地浏览,购买,更新,删除与查询等功能可运行成果物二六实训室五,教学方法讲授教学法,演示教学法,案例教学法,指导教学法,自主学法。六,教学资源一.《Vue应用程序开发》七,课程考核一.形成考核标准考核项目满分值考核内容备注时成绩考勤零迟到一次扣一分,旷课一学时扣二分,使用考勤系统。扣分制,扣分上限不超过一零分。课堂表现一零回答问题,课堂纪律等。扣分制,扣分上限不超过一零分作业四零每次作业根据提以及完成情况酌情零~一零分,批改四次。总计课程总成绩（一零零分）=形成考核成绩（五零分）+终结考核成绩（一零零分×五零%）二.终结考核安排终结考核方式上机考试考试时间九零分钟试题类型,分值