![]()
内容推荐 "《Vue.js 3+TypeScript从入门到项目实践》以实战为主线,结合众多代码示例和一个完整的项目案例,全面、系统地介绍Vue 3和TypeScript的相关技术及其在实际项目开发中的应用。本书在讲解中穿插介绍了一些开发技巧,可以帮助读者提高代码质量和项目开发的效率。 《Vue.js 3+TypeScript从入门到项目实践》共13章,分为3篇。第1篇基础知识,包括初识Vue、TypeScript基础知识、Vue的基本指令、CSS样式绑定、数据响应式基础、组件化开发。第2篇进阶提升,包括HTTP网络请求、使用Vue Router构建单页应用、Vuex状态管理与应用调优、项目构建利器Webpack、搭建后台模拟环境。第3篇项目实战,包括商城后台管理系统项目设计与框架搭建以及功能模块的实现。 《Vue.js 3+TypeScript从入门到项目实践》内容丰富,实用性强,适合有一定Web开发和JavaScript编程基础的前端工程师阅读,也适合熟悉Vue 2而想进一步系统学习Vue 3的Web前端开发从业人员阅读,还适合大中专院校和社会培训机构作为Web开发类课程的教材。" 目录 第1篇 基础知识 第1章 初识Vue.js\t2 1.1 Vue简介\t2 1.1.1 Vue的诞生与发展\t2 1.1.2 Vue版本的区别\t4 1.1.3 前端框架的选择\t4 1.2 从零开始搭建Vue开发环境\t5 1.2.1 安装Node.js和NPM\t5 1.2.2 安装Git\t7 1.2.3 安装Vue CLI\t7 1.2.4 安装Visual Studio Code\t8 1.2.5 安装Vue辅助编码插件\t10 1.3 第一个Vue程序\t11 1.3.1 Hello Vue实例解析\t11 1.3.2 Vue的目录结构\t12 1.3.3 使用Vue CLI创建项目\t13 1.3.4 使用Vite创建项目\t15 1.3.5 使用CDN创建项目\t16 1.3.6 如何高效地学习Vue\t17 1.4 丰富的界面体验:探索Vue UI库\t18 1.4.1 构建精美的界面:Element-Plus库简介\t18 1.4.2 借助Ant Design Vue进行快速开发\t19 1.4.3 打造轻巧的应用:认识Vant 3组件库\t19 1.4.4 跨平台开发利器:uni-app框架简介\t19 1.5 小结\t21 第2章 TypeScript基础知识\t22 2.1 TypeScript简介\t23 2.1.1 动态语言与静态语言\t23 2.1.2 搭建开发环境\t23 2.2 基础数据类型\t26 2.2.1 布尔类型\t26 2.2.2 数字类型\t26 2.2.3 字符串类型\t27 2.2.4 数组类型与元祖类型\t27 2.2.5 枚举类型\t27 2.2.6 any类型\t28 2.2.7 void类型\t28 2.2.8 null与undefined类型\t29 2.2.9 never类型\t29 2.3 函数\t29 2.3.1 函数的使用\t29 2.3.2 构造函数\t30 2.3.3 可选参数\t30 2.3.4 默认参数\t31 2.3.5 箭头函数\t31 2.4 类\t32 2.4.1 属性与方法\t32 2.4.2 类的继承\t33 2.4.3 类的实现接口\t33 2.4.4 权限修饰符\t34 2.5 泛型\t36 2.5.1 泛型示例\t36 2.5.2 泛型接口\t37 2.5.3 泛型类\t37 2.5.4 泛型约束\t38 2.6 交叉类型与联合类型\t39 2.6.1 交叉类型\t39 2.6.2 联合类型\t40 2.7 小结\t40 第3章 Vue的基本指令\t41 3.1 Mustache语法\t41 3.2 常用指令\t42 3.2.1 v-if指令\t42 3.2.2 v-show指令\t43 3.2.3 v-for指令\t44 3.2.4 v-text指令\t45 3.2.5 v-pre指令\t45 3.2.6 v-cloak指令\t46 3.2.7 v-html指令\t46 3.2.8 v-once指令\t47 3.2.9 v-on指令\t48 3.2.10 v-bind指令\t49 3.3 v-model详解\t50 3.3.1 v-model的基本用法\t50 3.3.2 v-model修饰符\t52 3.4 小结\t54 第4章 CSS样式绑定\t55 4.1 Class属性绑定\t55 4.1.1 绑定对象\t55 4.1.2 绑定计算属性\t56 4.1.3 绑定数组\t57 4.2 Style属性绑定\t59 4.2.1 绑定对象\t59 4.2.2 绑定数组\t60 4.2.3 自动前缀与样式多值\t61 4.3 CSS预处理器\t61 4.3.1 使用Sass\t61 4.3.2 嵌套写法\t62 4.3.3 定义变量\t63 4.3.4 模块系统\t64 4.3.5 混合指令\t64 4.3.6 样式继承\t65 4.4 综合案例:计算器的实现\t66 4.5 小结\t69 第5章 数据响应式基础\t70 5.1 数据响应式的实现\t70 5.1.1 Vue 2中的数据响应式\t71 5.1.2 Vue 3中的数据响应式\t71 5.1.3 Proxy和Object.defineProperty的区别\t72 5.2 声明方法\t73 5.2.1 Dom更新时机\t74 5.2.2 深层响应\t75 5.3 计算属性\t76 5.3.1 computed的基本用法\t76 5.3.2 computed与methods的区别\t78 5.3.3 computed的读写\t79 5.4 侦听器watch\t81 5.4.1 watch的基本用法\t82 5.4.2 深层侦听器\t83 5.4.3 即时回调的侦听器\t86 5.4.4 computed和watch的区别\t87 5.5 综合案例:购物车的实现\t88 5.6 小结\t92 第6章 组件化开发\t93 6.1 组件的构成\t93 6.1.1 Vue中的组件\t93 6.1.2 组件化思想\t95 6.2 组件的基本用法\t95 6.2.1 定义一个组件\t96 6.2.2 使用组件\t98 6.2.3 全局组件\t99 6.2.4 局部组件\t100 6.3 Vue的生命周期\t101 6.3.1 生命周期的基本用法\t101 6.3.2 父子组件的生命周期\t106 6.4 组件的通信方式\t108 6.4.1 使用props和emit函数实现父子组件通信\t108 6.4.2 使用Mitt实现组件间的事件通信\t110 6.4.3 使用Provide和Inject函数实现跨级通信\t112 6.5 综合练习:待办列表\t114 6.5.1 待办项组件的开发\t114 6.5.2 制作待办列表页\t116 6.5.3 添加列表项组件的开发\t118 6.6 小结\t121 第2篇 进阶提升 第7章 HTTP网络请求\t124 7.1 Axios网络请求库\t124 7.1.1 发送第一条网络请求\t125 7.1.2 使用测试接口调试网络请求\t126 7.2 HTTP基础知识\t128 7.2.1 常见的请求类型与用途\t128 7.2.2 解读HTTP状态码的含义\t130 7.2.3 设置请求头\t131 7.2.4 一次完整的网络请求过程\t133 7.3 HTTP与安全的HTTPS\t133 7.3.1 HTTPS简介\t133 7.3.2 HTTPS的工作原理\t134 7.3.3 申请HTTPS证书\t134 7.3.4 HTTPS未全面普及的原因\t135 7.4 跨域问题及其解决方案\t136 7.4.1 跨域请求的成因与相关问题\t136 7.4.2 使用JSONP实现跨域数据请求\t137 7.4.3 借助反向代理解决跨域问题\t138 7.5 综合案例:封装Axios\t139 7.6 小结\t141 第8章 使用Vue Router构建单页应用\t142 8.1 路由的基本用法\t142 8.1.1 使用RouterLink创建导航链接\t144 8.1.2 使用RouterView渲染路由页面\t146 8.1.3 动态路由\t146 8.1.4 嵌套路由\t148 8.1.5 路由懒加载\t149 8.2 路由的跳转与传参\t150 8.2.1 路由的跳转\t150 8.2.2 路由的传参\t151 8.3 路由守卫\t155 8.3.1 前置守卫:导航前的权限检查\t155 8.3.2 解析守卫:导航中的数据解析\t156 8.3.3 后置守卫:导航后的逻辑处理\t157 8.4 实战练习:路由权限控制\t158 8.4.1 搭建项目\t158 8.4.2 制作用户页\t159 8.4.3 制作登录页\t162 8.4.4 路由权限\t164 8.5 小结\t166 第9章 Vuex状态管理与应用调优\t167 9.1 Vuex的基本用法\t167 9.2 Vuex的核心概念\t170 9.2.1 State:共享状态数据\t170 9.2.2 Getter:计算派生状态\t170 9.2.3 Mutation:同步修改状态\t171 9.2.4 Action:分发与处理异步任务\t171 9.2.5 Module:模块化组织状态\t171 9.3 Vuex的使用技巧\t172 9.3.1 状态持久化\t172 9.3.2 使用浏览器插件调试Vuex\t174 9.4 使用NVM管理NPM的版本\t176 9.4.1 NVM的安装方法\t176 9.4.2 NVM的常用指令\t177 9.5 实战练习:使用Vuex处理登录信息\t178 9.5.1 搭建项目\t178 9.5.2 制作登录弹窗\t179 9.5.3 处理登录状态\t182 9.6 小结\t185 第10章 项目构建利器——Webpack\t186 10.1 认识Webpack\t186 10.2 Webpack的主要概念\t187 10.2.1 入口:构建起点与模块依赖\t187 10.2.2 输出:构建结果的路径与命名\t188 10.2.3 loader加载器:处理各类资源转换\t188 10.2.4 插件:优化构建流程与结果\t188 10.2.5 模式:指定构建环境与优化策略\t188 10.2.6 浏览器的兼容性与运行环境要求\t189 10.3 Webpack的使用技巧\t189 10.3.1 代码拆分\t189 10.3.2 懒加载\t190 10.3.3 缓存\t191 10.3.4 Tree Shaking:消除无用代码\t191 10.3.5 Module Federation:跨项目资源共享\t191 10.4 配置babel-loader\t192 10.4.1 安装与使用babel-loader\t192 10.4.2 自定义loader\t194 10.4.3 注意事项\t195 10.5 使用Webpack配置Vue项目\t196 10.5.1 初始化项目\t196 10.5.2 配置loader和plugin\t197 10.5.3 设置环境变量和模式\t198 10.5.4 实现代码拆分和懒加载\t198 10.5.5 使用vue.config.js管理Webpack\t199 10.6 小结\t199 第11章 搭建后台模拟环境\t201 11.1 前后端分离\t201 11.2 Postman的安装与使用\t202 11.2.1 Postman的安装\t202 11.2.2 Postman的使用\t204 11.3 json-server的安装与使用\t204 11.3.1 json-server的安装与配置\t205 11.3.2 json-server的基本用法\t207 11.4 实战练习:使用json-server实现增、删、改、查操作\t209 11.4.1 建立与配置项目\t209 11.4.2 查询与删除数据\t210 11.4.3 新增与编辑数据\t214 11.5 小结\t217 第3篇 项目实战 第12章 商城后台管理系统——项目设计与框架搭建\t220 12.1 项目设计\t220 12.2 项目起步\t222 12.2.1 框架选型\t223 12.2.2 创建项目\t225 12.2.3 自动化导入组件\t228 12.2.4 封装网络请求\t228 12.3 路由构建\t229 12.3.1 组件的建立\t229 12.3.2 路由的配置\t231 12.4 系统设置\t235 12.5 用户管理\t237 12.5.1 用户登录\t237 12.5.2 用户注册\t239 12.5.3 权限管理\t240 12.6 小结\t244 第13章 商城后台管理系统——功能模块的实现\t245 13.1 资产盘点\t245 13.1.1 资产概况\t245 13.1.2 数据分析\t250 13.2 商品管理\t253 13.2.1 商品查询\t253 13.2.2 商品添加\t255 13.2.3 商品编辑\t257 13.3 订单管理\t260 13.4 库存管理\t262 13.4.1 库存查询\t262 13.4.2 库存编辑\t264 13.5 消息管理\t266 13.5.1 消息分类管理\t266 13.5.2 意见反馈管理\t268 13.6 小结\t274 |