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) 理解

(Understand)

具体描述

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

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

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

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

(Understand) 习惯和专业素养。

1 / 3




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

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

掌握程度 具体描述

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

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

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

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

章

主 要 内 容

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

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

四、实践项目实施计划表

单人实现

项目名称

项目类别

项目内容

项目成果

学时

实践场所

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

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

可运行成果物 8 实训室

五、教学方法

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

2 / 3

本文来源：https://www.dy1993.cn/MnYG.html