模块1　搭建前端可视化开发环境 1__eol__【教学目标】 1__eol__任务1.1　安装Node.js和Vue 1__eol__【任务描述】 1__eol__【任务要求】 2__eol__【相关知识】 2__eol__1.1.1　初识Vue 2__eol__1.1.2　Vue的优势与应用 3__eol__【任务实施】 3__eol__任务1.2　引入Element UI 7__eol__【任务描述】 7__eol__【任务要求】 7__eol__【相关知识】 8__eol__1.2.1　初识Element UI 8__eol__1.2.2　Element UI的优势与应用 8__eol__【任务实施】 9__eol__任务1.3　引入ECharts 10__eol__【任务描述】 10__eol__【任务要求】 11__eol__【相关知识】 11__eol__1.3.1　初识ECharts 11__eol__1.3.2　ECharts的优势与应用 11__eol__【任务实施】 12__eol__任务1.4　安装Visual Studio Code编辑器 14__eol__【任务描述】 14__eol__【任务要求】 14__eol__【相关知识】 14__eol__【任务实施】 15__eol__模块小结 20__eol__课后作业 20__eol__模块2　设计新零售智能销售平台的基础__eol__页面——Element UI的应用 21__eol__【教学目标】 21__eol__任务2.1　平台基础页面布局 21__eol__【任务描述】 21__eol__【任务要求】 22__eol__【相关知识】 22__eol__2.1.1　Layout栅格化布局 22__eol__2.1.2　Container容器布局 25__eol__【任务实施】 26__eol__任务2.2　创建平台导航菜单 29__eol__【任务描述】 29__eol__【任务要求】 29__eol__【相关知识】 29__eol__2.2.1　基本概念 29__eol__2.2.2　实现NavMenu导航菜单 30__eol__【任务实施】 31__eol__任务2.3　创建订单数据表格 33__eol__【任务描述】 33__eol__【任务要求】 34__eol__【相关知识】 34__eol__2.3.1　表格 34__eol__2.3.2　标签 36__eol__2.3.3　树形控件 37__eol__【任务实施】 39__eol__任务2.4　设计订单数据表格的分页显示 41__eol__【任务描述】 41__eol__【任务要求】 42__eol__【相关知识】 42__eol__2.4.1　基本概念 42__eol__2.4.2　实现Pagination分页 43__eol__【任务实施】 43__eol__任务2.5　添加订单数据对话框 46__eol__【任务描述】 46__eol__【任务要求】 46__eol__【相关知识】 47__eol__2.5.1　基本概念 47__eol__2.5.2　实现Dialog对话框 47__eol__【任务实施】 48__eol__任务2.6　构建订单数据表单并添加表格__eol__操作列 51__eol__【任务描述】 51__eol__【任务要求】 52__eol__【相关知识】 52__eol__2.6.1　按钮 52__eol__2.6.2　输入框 53__eol__2.6.3　单选框 55__eol__2.6.4　复选框 57__eol__2.6.5　选择器 59__eol__2.6.6　时间日期组件 61__eol__2.6.7　表单 66__eol__【任务实施】 69__eol__模块小结 76__eol__课后作业 77__eol__模块3　开发新零售智能销售平台的基本__eol__功能——Vue指令的应用 79__eol__【教学目标】 79__eol__任务3.1　设计库存量警告标记 80__eol__【任务描述】 80__eol__【任务要求】 80__eol__【相关知识】 80__eol__3.1.1　了解指令 80__eol__3.1.2　v-if、v-else和v-else-if指令 81__eol__3.1.3　v-for指令 84__eol__3.1.4　v-on指令 86__eol__3.1.5　v-show指令 87__eol__【任务实施】 88__eol__任务3.2　绑定订单表单验证规则 90__eol__【任务描述】 90__eol__【任务要求】 90__eol__【相关知识】 90__eol__3.2.1　v-bind指令 90__eol__3.2.2　v-model指令 93__eol__【任务实施】 98__eol__模块小结 101__eol__课后作业 101__eol__模块4　设计新零售智能销售平台的数据__eol__绑定——Vue数据绑定 103__eol__【教学目标】 103__eol__任务4.1　使用文本插值方式显示当前日期、__eol__时间和问候语 104__eol__【任务描述】 104__eol__【任务要求】 104__eol__【相关知识】 104__eol__4.1.1　文本插值 104__eol__4.1.2　HTML插值 105__eol__4.1.3　JavaScript表达式插值 106__eol__【任务实施】 107__eol__任务4.2　渲染订单数据列表 108__eol__【任务描述】 108__eol__【任务要求】 109__eol__【相关知识】 109__eol__4.2.1　条件渲染 109__eol__4.2.2　列表渲染 110__eol__【任务实施】 115__eol__任务4.3　统计商品总价 117__eol__【任务描述】 117__eol__【任务要求】 118__eol__【相关知识】 118__eol__4.3.1　计算属性 118__eol__4.3.2　方法 119__eol__4.3.3　侦听属性 120__eol__【任务实施】 122__eol__任务4.4　动态显示当前日期和时间 125__eol__【任务描述】 125__eol__【任务要求】 125__eol__【相关知识】 125__eol__4.4.1　钩子函数 125__eol__4.4.2　实例创建 126__eol__4.4.3　数据更新 130__eol__4.4.4　实例销毁 133__eol__【任务实施】 134__eol__模块小结 135__eol__课后作业 135__eol__模块5　开发新零售智能销售平台的人机__eol__交互功能——Vue事件的__eol__应用 137__eol__【教学目标】 137__eol__任务5.1　添加改变购买数量的按钮 138__eol__【任务描述】 138__eol__【任务要求】 138__eol__【相关知识】 138__eol__5.1.1　基本概念 138__eol__5.1.2　实现监听事件 139__eol__【任务实施】 140__eol__任务5.2　实现数据的添加 141__eol__【任务描述】 141__eol__【任务要求】 142__eol__【相关知识】 142__eol__【任务实施】 143__eol__任务5.3　实现数据的批量删除 145__eol__【任务描述】 145__eol__【任务要求】 146__eol__【相关知识】 146__eol__【任务实施】 148__eol__任务5.4　添加once修饰符实现每种商品只能__eol__被收藏一次的功能 150__eol__【任务描述】 150__eol__【任务要求】 151__eol__【相关知识】 151__eol__5.4.1　基本概念 151__eol__5.4.2　事件修饰符的用法 151__eol__【任务实施】 157__eol__任务5.5　添加Enter按键修饰符实现数据提交__eol__功能 160__eol__【任务描述】 160__eol__【任务要求】 161__eol__【相关知识】 161__eol__5.5.1　键盘事件的概念和按键修饰符的__eol__种类 161__eol__5.5.2　按键修饰符的用法 162__eol__【任务实施】 164__eol__模块小结 166__eol__课后作业 166__eol__模块6　封装新零售智能销售平台商品__eol__列表页面的可重用功能——Vue__eol__组件的开发 168__eol__【教学目标】 168__eol__任务6.1　将“购买数量”栏中的所有内容封装__eol__成组件 169__eol__【任务描述】 169__eol__【任务要求】 169__eol__【相关知识】 169__eol__6.1.1　了解组件 169__eol__6.1.2　全局注册 170__eol__6.1.3　局部注册 172__eol__【任务实施】 173__eol__任务6.2　通过组件通信展示商品信息 174__eol__【任务描述】 174__eol__【任务要求】 175__eol__【相关知识】 175__eol__6.2.1　父组件向子组件通信 175__eol__6.2.2　子组件向父组件通信 176__eol__6.2.3　非父子组件之间通信 17