新書推薦:
《
500万次倾听:陪伤心的人聊聊
》
售價:HK$
53.8
《
英国商业500年(见证大国崛起与企业兴衰,启迪未来商业智慧。)
》
售價:HK$
80.6
《
万千心理·儿童心理治疗中的心智化:临床实践指导
》
售價:HK$
87.4
《
自我囚禁的人:完美主义的心理成因与自我松绑(破除你对完美主义的迷思,尝试打破自我评价过低与焦虑的恶性循环)
》
售價:HK$
66.1
《
周易
》
售價:HK$
44.6
《
东南亚的传统与发展
》
售價:HK$
67.2
《
乾隆制造
》
售價:HK$
87.4
《
资治通鉴臣光曰辑存 资治通鉴目录(司马光全集)(全二册)
》
售價:HK$
304.4
|
內容簡介: |
本书基于Vue.js 3展开,介绍了应用实例、组件、模板、计算属性、监听器、指令、表单、事件、数据绑定、路由、依赖注入、自定义样式、动画、渲染函数、测试、响应式编程等,还介绍了Vue CLI、TypeScript、Animate.css、Mocha、Vue Router、Naive UI、vue-axios等内容。Vue.js 3完全支持TypeScript,使读者可以采用类、面向对象的方式进行编程。在本书的后会手把手带领读者一起从零开始实现一个完整的企业级“新闻头条”客户端应用。本书技术前瞻、面向实战、实例丰富。
|
關於作者: |
在 IT 公司担任项目经理、架构师、高级技术顾问等职位,是 CSDN、 开源中国、云栖社区等技术社区专家,慕课网特邀讲师。
|
目錄:
|
★★第1篇 初识Vue.js ★第1章 理解Vue.js及产生的背景 /21.1 什么是Vue.js /21.2 Vue.js产生的背景 /21.2.1 Vue.js与jQuery的不同 /21.2.2 Vue.js与React、Angular的比较 /31.2.3 如何选择Angular、React和Vue.js /41.3 如何学习Vue.js /51.3.1 前置知识 /51.3.2 学习安排 /5★第2章 快速开启个Vue.js应用 /62.1 开发环境准备 /62.1.1 安装Node.js和NPM /62.1.2 设置NPM镜像 /72.1.3 选择合适的IDE /72.1.4 安装Vue CLI /82.1.5 检查和调试Vue.js应用的工具——Vue Devtools /82.2 创建Vue.js应用“hello-world” /82.2.1 利用Vue CLI初始化Vue.js应用“hello-world” /92.2.2 运行Vue.js应用“hello-world” /122.3 探索Vue.js应用 /132.3.1 整体项目结构 /132.3.2 项目根目录文件 /142.3.3 node_modules目录 /142.3.4 public目录 /142.3.5 src目录 /152.4 在Vue.js应用中使用TypeScript /192.4.1 基于“Vue 3 Preview”创建项目 /192.4.2 基于“Manually select features”创建项目 /202.4.3 TypeScript应用的差异 /22★★第2篇 基础 ★第3章 TypeScript基础 /263.1 TypeScript概述 /263.1.1 TypeScript与JavaScript、ECMAScript的关系 /263.1.2 TypeScript与Vue.js的关系 /273.1.3 使用TypeScript的优势 /273.1.4 安装TypeScript /283.1.5 TypeScript代码的编译及运行 /283.2 变量与常量 /293.2.1 var、let、const三者的作用域 /293.2.2 变量与常量的区别 /293.2.3 变量提升 /303.3 TypeScript数据类型 /313.3.1 基本类型 /313.3.2 对象类型 /353.3.3 任意类型 /353.3.4 联合类型 /373.3.5 交集类型 /373.4 强大的面向对象体系 /383.4.1 类 /383.4.2 接口 /433.4.3 【实战】演示接口的使用 /433.4.4 泛型 /443.4.5 【实战】演示泛型的使用 /443.4.6 枚举 /453.5 TypeScript的命名空间 /463.5.1 声明命名空间 /463.5.2 【实战】声明命名空间 /463.5.3 命名空间体 /473.5.4 导入别名声明 /473.5.5 【实战】导入别名声明 /483.5.6 导出声明 /493.5.7 合并声明 /493.5.8 【实战】合并声明 /493.6 TypeScript 模块 /503.6.1 了解模块 /513.6.2 【实战】导入声明 /513.6.3 【实战】导入Require声明 /523.6.4 【实战】导出声明 /523.6.5 【实战】导出分配 /523.6.6 了解CommonJS模块 /533.6.7 了解AMD模式 /543.7 装饰器 /553.7.1 定义装饰器 /553.7.2 了解装饰器的执行时机 /563.7.3 认识4类装饰器 /57★第4章 Vue.js应用实例——一切的起点 /634.1 创建“应用实例” /634.1.1 个“应用实例” /634.1.2 让“应用实例”执行方法 /644.1.3 理解选项对象 /644.1.4 理解根组件 /654.1.5 理解MVVM模型 /664.2 data property与methods /664.2.1 理解data property /674.2.2 理解data methods /674.3 Vue.js的生命周期 /694.3.1 生命周期中的钩子函数 /694.3.2 生命周期的图示 /704.3.3 【实战】生命周期钩子函数的实例 /71★第5章 Vue.js组件——独立的程序单元 /765.1 组件的基本概念 /765.1.1 【实战】一个简单的Vue.js组件的实例 /765.1.2 什么是组件 /785.1.3 【实战】一个子组件的复用实例 /795.1.4 Vue.js组件与Web组件的异同点 /805.2 组件的交互方式 /805.2.1 【实战】通过prop向子组件传递数据 /805.2.2 【实战】监听子组件的事件 /815.2.3 【实战】兄弟组件之间的通信 /845.2.4 【实战】通过插槽分发内容 /875.3 让组件可以动态加载 /905.3.1 实现组件动态加载的步骤 /905.3.2 【实战】动态组件的实例 /905.4 使用<keep-alive>缓存组件 /965.4.1 【实战】<keep-alive>的例子 /975.4.2 <keep-alive>缓存组件的配置详解 /98★第6章 Vue.js模板——让内容随着模板中变量的变化而变化 /1016.1 了解Vue.js的模板 /1016.2 【实战】在模板中使用插值 /1026.2.1 文本 /1026.2.2 原生HTML代码 /1036.2.3 绑定HTML attribute /1046.2.4 JavaScript表达式 /1046.3 【实战】在模板中使用指令 /1056.3.1 理解指令中的参数 /1066.3.2 理解指令中的动态参数 /1076.3.3 理解指令中的修饰符 /1086.4 【实战】在模板中使用指令的缩写 /1086.4.1 使用v-bind指令的缩写 /1086.4.2 使用v-on指令的缩写 /1096.5 使用模板的一些约定 /1096.5.1 对动态参数值的约定 /1096.5.2 对动态参数表达式的约定 /1106.5.3 对访问全局变量的约定 /110★第7章 Vue.js计算属性与侦听器——处理响应式数据的复杂逻辑 /1117.1 通过实例理解“计算属性”的必要性 /1117.2 【实战】一个“计算属性”的实例 /1127.2.1 声明“计算属性” /1127.2.2 模拟数据更改 /1147.3 “计算属性”缓存与方法的关系 /1147.4 为什么需要侦听器 /1157.4.1 理解侦听器 /1157.4.2 【实战】一个侦听器的实例 /116★第8章 Vue.js样式——让应用变得好看 /1198.1 绑定样式class /1198.1.1 【实战】在class中绑定对象 /1198.1.2 【实战】在class中绑定数组 /1218.1.3 【实战】在组件上使用class /1228.2 绑定内联样式 /1228.2.1 【实战】在内联样式中绑定对象 /1238.2.2 【实战】在内联样式中绑定数组 /1248.2.3 【实战】在内联样式中绑定多重值 /124★第9章 Vue.js表达式——根据条件来渲染不同的内容 /1269.1 条件表达式 /1269.1.1 【实战】v-if指令的实例 /1269.1.2 【实战】v-else指令的实例 /1279.1.3 【实战】v-else-if指令的实例 /1279.1.4 【实战】v-show指令的实例 /1289.1.5 理解v-if指令与v-show指令的关系 /1289.2 for循环表达式 /1299.2.1 【实战】使用v-for指令遍历数组 /1299.2.2 【实战】使用v-for指令遍历数组设置索引 /1319.2.3 【实战】使用v-for指令遍历对象的property名称 /1329.2.4 【实战】数组过滤 /1359.2.5 【实战】使用值的范围 /1369.3 v-for指令的不同使用场景 /1379.3.1 【实战】在<template>中使用v-for指令 /1379.3.2 【实战】v-for指令与v-if指令一起使用 /1389.3.3 【实战】在组件上使用v-for指令 /139★第10章 Vue.js事件——通知做事的状态 /14210.1 什么是事件 /14210.1.1 【实战】一个简单的监听事件实例 /14210.1.2 理解事件的处理方法 /14310.1.3 处理原始的DOM事件 /14410.1.4 为什么需要在HTML代码中监听事件 /14510.2 【实战】多事件处理器的实例 /14610.3 事件修饰符 /14710.3.1 什么是事件修饰符 /14710.3.2 按键修饰符 /14910.3.3 系统修饰符 /149★第11章 Vue.js表单——采集用户输入的数据 /15111.1 理解“表单输入绑定” /15111.2 【实战】“表单输入绑定”的基础用法 /15211.2.1 文本 /15211.2.2 多行文本 /15311.2.3 复选框 /15311.2.4 单选按钮 /15511.2.5 选择框 /15611.3 【实战】对表单进行值绑定 /15711.3.1 复选框 /15711.3.2 单选按钮 /15811.3.3 选择框 /16011.4 【实战】表单修饰符的使用 /16111.4.1 使用.lazy修饰符的实例 /16211.4.2 使用.number修饰符的实例 /16311.4.3 使用.trim修饰符的实例 /163★★第3篇 进阶★第12章 深入组件 /16612.1 什么是“组件注册” /16612.1.1 理解“组件注册” /16612.1.2 组件命名 /16712.2 理解全局注册 /16912.3 【实战】一个局部注册的实例 /17012.4 【实战】一个模板引用的实例 /17112.5 深入介绍prop(输入属性) /17312.5.1 理解prop /17312.5.2 prop类型 /17412.5.3 【实战】传递动态prop /17512.5.4 【实战】传递动态prop数字 /17612.5.5 【实战】传递动态prop布尔值 /17812.5.6 【实战】传递动态prop数组 /17912.5.7 【实战】传递动态prop对象 /18112.5.8 【实战】传递动态prop对象中的所有property /18212.5.9 理解单向下行绑定 /18512.5.10 【实战】prop类型验证 /18612.6 理
|
|