没有合适的资源?快使用搜索试试~ 我知道了~
《Vue.js前端框架技术与实战》教学大纲与实训大纲.docx
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 3 下载量 42 浏览量
2022-06-15
00:08:19
上传
评论
收藏 254KB DOCX 举报
温馨提示
试读
24页
《Vue.js前端框架技术与实战》教学大纲与实训大纲.docx《Vue.js前端框架技术与实战》教学大纲与实训大纲.docx《Vue.js前端框架技术与实战》教学大纲与实训大纲.docx《Vue.js前端框架技术与实战》教学大纲与实训大纲.docx《Vue.js前端框架技术与实战》教学大纲与实训大纲.docx《Vue.js前端框架技术与实战》教学大纲与实训大纲.docx《Vue.js前端框架技术与实战》教学大纲与实训大纲.docx《Vue.js前端框架技术与实战》教学大纲与实训大纲.docx《Vue.js前端框架技术与实战》教学大纲与实训大纲.docx
资源推荐
资源详情
资源评论
《Vue.js 前端框架技术与实战》教学大纲与实训大纲
《Vue.js 前端框架技术与实战》
教学大纲与实训大纲
学分:
学时:时理论时上机
一、课程的性质、地位与任务
《前端框架技术与实战》课程是计算机科学与技术、信息管理与信息系统、软件工程、
网络工程、数字媒体技术、物联网工程等专业的一门专业(必修选修)课程,也是其他计算机相
关专业的普及型课程,通过对 的特性和开发环境配置的了解和 基础语法、指令、组
件、过渡与动画、、以及周边生态系统的学习和研究,让学生理解和掌握
这一渐进式框架的核心概念(组件化、模块化),通过项目实践培养学生开发和设计复杂的单页面
应用的基本技能和素质要求,适应目前 前端工程师的岗位需要。
二、课程的教学目标与基本要求
本课程教学基本要求是让学生理解 渐进式框架的核心概念,熟练掌握 前端项目
开发基本流程、开发环境部署与配置、单页面应用项目目录结构定义等基础知识。掌握 基
础语法、指令、组件开发、过渡与动画等关键概念;掌握使用 实现单页面内导航与路
由设置,结合 解决大中型 前端项目数据共享问题,初步熟悉 新特性能够使用
新特性解决简易的 前端项目,通过比较法来加深对 新特性的理解。
本课程的教学目标是让学生运用 、 、!"#" $%&熟悉地理解和掌握 核心概
念和基础语法,掌握 指令、组件、过渡与动画等语法与使用方法。熟练地使得 来
构建单页面导航并渲染路由组件。在中小型项目中使用 解决多组件状态数据共享的问题。让
学生使用 '脚手架来搭建 (和 项目,通过项目实训,培养学生具有开发含状态
数据共享和路由导航功能于一体的中小型 单页面的能力。
三、课程内容(重点△,难点★)
第 章 概述
了解 简介
(
)
学会 生产环境配置
( 引入方法
((安装 *#+
)
掌握 ,-页面基本结构
.&+" 标记
( $%& 标记
/+ 标记
熟悉 开发工具(会熟练使用一种主流开发工具)
掌握 %"+ 0%0【 推荐】
( +%.
.
1
《Vue.js 前端框架技术与实战》教学大纲与实训大纲
掌握 1%+02【推荐】
第 ( 章 基础
( 理解 与
模式
(模式
(( 模
式
((
)
掌握数据绑定与插值
(( 文本绑定
((( 代码绑定
((属性绑定
((!"#" $%& 表达式绑定
)
( 掌握计算属性与方法
(计算属性基础应用
((
)
计算属性缓存与方法比较
( 计算属性的 和 3
★
掌握侦听属性 4
(
(
(
((
★
"$5 属性基本用法
★
"$5 属性高级用法
★
理解生命周期钩子函数
(生命周期钩子函数作用
(( 生命周期钩子函数应用
(学会使用控制台 67 6- 对
象
(
)
显示信息的命令
(( 占位符
( 分组显示 $8+3&
(
)
查看对象的信息 $8+0%
( 显示某个节点的内容 $8+0%.+
(判断变量是否为真 $8+"
(9 追踪函数的调用轨迹 $8+"$
( 计时功能
(: 性能分析
( 表格形式输出数组和对象 $8+"+
(9 掌握数据与方法
(9
(9(
)
数据对象的定义与使用
)
实例属性与方法
(
★
掌握 中数组变动更新检测
(
★
变异方法
★
(( 非变异方法
(: 理解并掌握 中过滤器
2
《Vue.js 前端框架技术与实战》教学大纲与实训大纲
第 章 指令
)
. 掌握 内置指令
)
条件渲染
)
( 用 ;/管理可复用的元素
)
根据条件展示元素 #<5
)
列表渲染 #<=指令
)
绑定属性 #<%80指令
)
事件处理 #<8指令
9 事件修饰符
按键修饰符
)
: #<.0+表单输入绑定
表单元素值绑定
#<.0+与修饰符
( #<与 #<5.+指令
)
#<$+";、#<8$、 #<&指令
(
)★
掌握 自定义指令
)
( 自定义指令注册
(( 对象字面量
★
( 动态指令参数
( 自定义指令实际应用
第 章 基础案例实战
掌握简易图书管理
简易图书管理项目需求
( 简易图书管理项目实现
( 掌握我的待办事项 /*
( 我的待办事项项目需求
(( 我的待办事项项目实现
第 章 组件开发
掌握组件基础
组件命名
( 组件注册
★
( 掌握组件间通信
★
( 父组件向子组件传值
★
(( 子组件向父组件传值
★
( 兄弟组件之间通信
★
( 父链与子组件索引
掌握单文件组件
★
掌握插槽
★
匿名插槽
★
( 具名插槽
3
《Vue.js 前端框架技术与实战》教学大纲与实训大纲
★
作用域插槽
★
动态插槽名
第 章 过渡与动画
)
掌握单元素组件的过渡
(
)
过渡的类名
)
过渡
)
动画
自定义过渡的类名
同时使用过渡和动画
显性的过渡持续时间
9 !"#" $%& 钩子
(掌握初始渲染的过渡
)
掌握多个元素的过渡
)
掌握多个组件的过渡
掌握列表过渡
(
★
列表的进入离开过渡
★
列表的排序过渡
列表的交错过渡
第 9 章 项目开发环境与辅助工具部署
9理解部署 80
9 70 简介
9( 70 部署
9
)
70 模块系统
9 70 创建第一个应用
9(掌握 70包管理器 8&.
9( 8&. 简介
9((
)
8&.常用命令
9
)
掌握 70 环境配置
9 掌握 &"$; 打包工具
9 &"$; 简介
9(
9
9
9
)
&"$; 使用与基本配置
)★
&"$; 配置加载器 +"0
★
&"$; 配置插件
)
&"$; 配置开发服务器
9 掌握 ,-'
9 ' 安装
9(
9
)
' 创建 项目
)
' 可视化创建 项目
4
《Vue.js 前端框架技术与实战》教学大纲与实训大纲
第 章 前端路由
)
掌握 概述
安装与使用
( 基础应用
)
( 掌握 高级应用
(
((
(
(
(
(
(9
(
)★
动态路由匹配
)
嵌套路由
)
编程式导航
)
命名路由
)
命名视图
)
重定向和别名
★
路由组件传参
)
%/ 模式
第 : 章 状态管理模式
:掌握 概述
: 定义
:( 简单状态管理< 模式
)
:( 掌握 基本使用
)
: 掌握 核心概念
: 一个完整的 结构
:( 最简单的
: 中 "
: 中 3
:
:
:9
)★
中 ."%8
)★
中 "$%8
)★
中 .0+
:理解并掌握 多模块实战案例
第 章 ,' 组件库
理解并掌握 > 端组件库
)
-+.8,'
( %%,'
其它 >端 ,'组件库
(理解并掌握 移动端 ,'组件库
( %8,'
((
)
"8,'
第 章 高级项目实战
理解并掌握友联通讯录
项目需求
5
剩余23页未读,继续阅读
资源评论
- xuduowei2022-09-07超级好的资源,很值得参考学习,对我启发很大,支持!
- Wrtffffc2023-07-17超级好的资源,很值得参考学习,对我启发很大,支持!
- greenpool12023-07-18发现一个宝藏资源,赶紧冲冲冲!支持大佬~
不吃鸳鸯锅
- 粉丝: 8223
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功