![]()
内容推荐 本书从Vue.js框架技术的基础概念出发,逐步深入Vue.js进阶实战,并在最后配合一个网站项目和一个后台系统开发实战案例,重点介绍了使用Vue.js+axios+ElementUI+wangEditor进行前端开发和使用组件进行Vue.js单页面网页复用,让读者不但可以系统地学习Vue.js前端开发框架的相关知识,而且还能对业务逻辑的分析思路、实际应用开发有更为深入的理解。 本书分为11章,包括Vue.js概述;开始Vue.js之旅;初识Vue.js;用axios与后端接口进行数据联动;浅析Router的使用;生命周期和钩子函数解析;组件的灵活使用;Vue.js下的ECharts使用;ElementUI前端框架;实战:上市集团门户网站开发;实战:基于Vue.js框架的后台管理系统开发。 本书语言平实,用词诙谐,案例丰富,实用性强,特别适合刚入社会的职场新人、Vue.js框架的初级读者和进阶读者阅读,也适合希望从后台开发转型做前端的程序员等其他编程爱好者阅读。另外,本书也适合作为相关培训机构的教材使用。 目录 第1章 Vue.js概述 1.1 Vue.js简介 1.2 Vue.js与其他前端框架的对比 1.3 深入理解双向绑定 1.4 Vue.js的优势 1.5 小结 第2章 开始Vue.js之旅 2.1 安装Vue.js开发环境 2.1.1 Node.js环境安装 2.1.2 npm安装及参数设置 2.1.3 用脚手架生成项目目录 2.1.4 自定义Vue.js模板项目文件 2.1.5 使用vue-cli3图形界面 2.1.6 下载、安装、设置VSCode编辑器 2.2 安装VSCode常用第三方包 2.3 在VSCode中开发项目 2.3.1 在VSCode中创建新项目 2.3.2 VSCode导入项目 2.3.3 VSCode快捷键 2.3.4 在VSCode中安装插件 2.3.5 在VSCode中运行Vue.js项目 2.3.6 用VSCode发布项目 2.4 小结 第3章 初识Vue.js 3.1 Vue.js项目初始化 3.1.1 创建一个Vue.js实例 3.1.2 数据绑定与方法使用 3.1.3 生命周期钩子函数 3.1.4 生命周期示意图 3.2 模板语法 3.2.1 向网页插入文本内容 3.2.2 原始HTML 3.2.3 使用JavaScript表达式 3.2.4 指令参数 3.2.5 动态参数 3.2.6 修饰符缩写 3.2.7 v-bind缩写 3.2.8 v-on缩写 3.3 计算属性和侦听器 3.3.1 计算属性 3.3.2 基础例子 3.3.3 计算属性缓存vs方法 3.3.4 计算属性vs侦听属性 3.3.5 计算属性的setter 3.3.6 侦听器 3.4 class与style绑定 3.4.1 绑定HTML class 3.4.2 绑定内联样式 3.5 条件编译 3.5.1 在元素上使用v-if条件编译分组 3.5.2 v-else 3.5.3 v-else-if 3.5.4 v-if vs v-show 3.5.6 v-if与v-for 3.6 列表编译 3.6.1 用v-for把一个数组对应为一组标签 3.6.2 在v-for中使用对象 3.6.3 维护状态 3.6.4 数组更新检测 3.6.5 对象变更检测注意事项 3.6.6 显示过滤/排序后的结果 3.6.7 在v-for中使用值范围 3.6.8 在上使用v-for 3.6.9 在组件上使用v-for 3.7 事件处理 3.7.1 监听事件 3.7.2 事件处理方法 3.7.3 内联处理器中的方法 3.7.4 事件修饰符 3.7.5 按键修饰符 3.7.6 按键码 3.7.7 系统修饰键 3.7.8 鼠标按钮修饰符 3.7.9 为什么在HTML中监听事件 3.8 表单输入绑定 3.8.1 文本 3.8.2 多行文本 3.8.3 复选框 3.8.4 单选按钮 3.8.5 选择框 3.8.6 值绑定 3.8.7 修饰符 3.8.8 在组件上使用v-model 3.9 组件基础 3.9.1 基本示例 3.9.2 组件的复用 3.9.3 data一定要是一个函数 3.9.4 组件的组织 3.9.5 通过prop向子组件传递数据 3.9.6 单个根标签 3.9.7 监听子组件事件 3.9.8 使用事件抛出一个值 3.9.9 在组件上使用v-model 3.9.10 通过插槽分发内容 3.9.11 动态组件 3.9.12 解析DOM模板时的注意事项 3.10 小结 第4章 用axios与后端接口进行数据联动 4.1 axios概要 4.2 axios方法的基本使用 4.2.1 axios的安装 4.2.2 axios请求方法及别名(get方法) 4.2.3 axios请求方法及别名(post和put方法) 4.2.4 axios请求方法及别名(delete方法) 4.2.5 并发请求 4.3 axios方法深入 4.3.1 创建axios实例 4.3.2 实例的相关配置 4.3.3 常用参数配置具体使用方法 4.3.4 拦截器 4.3.5 错误处理 4.3.6 取消请求 4.4 axios实战 4.4.1 项目环境配置 4.4.2 接口的调试 4.4.3 联系人列表 4.4.4 添加、编辑联系人 4.4.5 保存联系人 4.4.6 删除联系人 4.4.7 axios的进一步封装 4.5 小结 第5章 浅析Router的使用 5.1 Router基础 5.1.1 起步 5.1.2 动态路由匹配 5.1.3 嵌套路由 5.1.4 编程式的导航 5.1.5 命名路由 5.1.6 命名视图 5.1.7 重定向和别名 5.2 小结 第6章 生命周期和钩子函数解析 6.1 beforeCreate钩子函数 6.2 created钩子函数 6.3 mounted钩子函数 6.4 updated钩子函数 6.5 beforeDestroy钩子函数 6.6 小结 第7章 组件的灵活使用 7.1 组件注册 7.1.1 组件名 7.1.2 全局注册vs局部注册 7.2 prop 7.2.1 prop的大小写 7.2.2 prop类型 7.2.3 传递静态或动态prop 7.2.4 prop验证 7.3 自定义事件 7.3.1 事件名 7.3.2 自定义组件的v-model 7.4 小结 第8章 Vue.js下的ECharts使用 8.1 搭建ECharts开发环境 8.2 ECharts使用 8.2.1 饼图 8.2.2 柱状图 8.2.3 曲线图 8.2.4 散点图 |