![]()
内容推荐 本书以项目为引导,充分体现“做中学,学中做”的思想,详细介绍了Vue.js框架的基础知识及实战项目开发。全书分为上下两篇,上篇包括第1~10章,主要介绍了Vue.js的开发工具、Vue基础特性、条件判断与列表渲染、计算属性与监听属性、样式绑定、事件处理、表单控件绑定、自定义指令、Vue组件和样式的应用等基础知识;下篇包括第11~13章,主要介绍了Vue单页Web应用、Vue路由的应用、“五金购物街”项目实战等内容。 本书可作为高等职业院校计算机相关专业教材,也可作为“1+X”Web前端开发等级(高级)证书试点院校师生参考书,并可供计算机培训教学使用。 目录 上篇 基础知识 1 Vue.js开发工具入门 1.1 Vue.js概述 1.1.1 Vue.js的含义 1.1.2 Vue.js的特性 1.1.3 Vue.js的优势 1.2 Vue.js的安装与引入 1.2.1 Vue.js的下载 1.2.2 Vue.js的引入 1.3 开发工具Visual Studio Code简介 1.4 实训任务:创建第一个Vue实例 本章小结 思考题 2 Vue基础特性 2.1 Vue实例与选项 2.1.1 挂载元素 2.1.2 数据 2.1.3 方法 2.1.4 生命周期钩子函数 2.2 数据绑定 2.2.1 模板语法 2.2.2 插值 2.2.3 过滤器 2.2.4 指令 2.3 实训任务 本章小结 思考题 3 条件判断与列表渲染 3.1 条件判断 3.1.1 vif指令 3.1.2 v-else指令 3.1.3 v-else-if指令 3.1.4 v-show指令 3.1.5 v-if和v-show的区别 3.2 列表渲染 3.2.1 应用v-for指令遍历数组 3.2.2 在元素中使用v-for 3.2.3 数组更新检测 3.2.4 应用v-for指令遍历对象 3.2.5 向对象中添加属性 3.2.6 应用v-for指令遍历整数 3.3 实训任务 本章小结 思考题 4 计算属性与监听属性 4.1 计算属性 4.1.1 计算属性的含义 4.1.2 getter和setter 4.1.3 计算属性的缓存 4.1.4 计算属性与methods的区别 4.2 监听属性 4.2.1 监听属性的含义 4.2.2 deep选项 4.3 实训任务 本章小结 思考题 5 样式绑定 5.1 class属性绑定 5.1.1 对象语法 5.1.2 数组语法 5.2 内联样式绑定 5.2.1 对象语法 5.2.2 数组语法 5.3 实训任务 本章小结 思考题 6 事件处理 6.1 事件监听 6.1.1 使用v-on指令 6.1.2 方法事件处理器 6.1.3 使用内联JavaScript语句 6.2 内联样式绑定 6.2.1 事件修饰符 6.2.2 按键修饰符 6.3 实训任务 本章小结 思考题 7 表单控件绑定 7.1 绑定文本框 7.1.1 单行文本框 7.1.2 多行文本框 7.2 绑定复选框 7.2.1 单个复选框 7.2.2 多个复选框 7.3 绑定单选按钮 7.4 绑定下拉菜单 7.4.1 单选 7.4.2 多选 7.5 值绑定 7.5.1 单选按钮 7.5.2 复选框 7.5.3 下拉菜单 7.6 .使用修饰符 7.6.1 lazy 7.6.2 number 7.6.3 trim 7.7 实训任务 本章小结 思考题 8 自定义指令 8.1 绑定文本框 8.1.1 自定义全局指令 8.1.2 自定义局部指令 8.1.3 案例分析 8.2 钩子函数 8.3 自定义指令的绑定值 8.3.1 绑定数值常量 8.3.2 绑定字符串常量 8.3.3 绑定对象字面量 8.4 实训任务 本章小结 思考题 9 Vue组件的应用 9.1 注册组件 9.1.1 注册全局组件 9.1.2 注册局部组件 9.2 数据传递 9.2.1 Prop的含义 9.2.2 Prop的大小写规则 9.2.3 props动态传递 9.2.4 props验证 9.3 自定义事件 9.3.1 自定义事件的监听和触发 9.3.2 将原生事件绑定到组件 9.4 内容分发 9.4.1 单个插槽 9.4.2 具名插槽 9.4.3 作用域插槽 9.5 动态组件 9.6 实训任务:使用组件实现购物车功能 9.6.1 实训任务描述 9.6.2 实训任务设计 9.6.3 实训任务参考代码 9.6.4 实训任务解析 本章小结 思考题 10 Vue样式的应用 10.1 transition组件 10.2 CSS动画 10.3 钩子函数实现动画 10.4 自定义过渡类名 10.5 实训任务:新增列表项的动画效果 10.5.1 实训任务描述 10.5.2 实训任务设计 10.5.3 实训任务参考代码 10.5.4 实训任务解析 本章小结 思考题 下篇 工程化项目开发 11 Vue单页Web应用 11.1 项目目录结构 11.1.1 @vue/cli的安装 11.1.2 创建项目 11.2 单文件组件 11.3 Webpack基础用法 11.3.1 Webpack的含义 11.3.2 Webpack的工作原理和优缺点 11.3.3 Webpack的安装 11.3.4 Webpack的基本使用 11.3.5 Webpack的配置文件 本章小结 思考题 12 Vue路由的应用 12.1 路由的安装和使用 12.1.1 直接引入CDN 12.1.2 下载JS文件 12.1.3 使用NPM 12.2 跳转方式 12.2.1 使用 |