Vue.js核心技术解析与uni-app跨平台实战开发

Vue.js核心技术解析与uni-app跨平台实战开发

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

本书系统地介绍了Vue.js和uni-app的核心基础理论及企业项目开发,以实例的形式对Vue.js和uni-app进行深入浅出的讲解。

内容简介

全书共分14章,内容包括Vue.js基础入门、Vue.js绑定样式及案例、Vue.js生命周期函数、Vue.js动画、Vue.js组件、Vue.js路由、Vue.js高级进阶、element-ui/mint-ui组件库、axios发送HTTP请求、Vuex状态管理、企业项目实战、Vue3.X新特性解析、uni-app核心基础、uni-app企业项目实战等,书中大部分章节提供了实战项目案例源码。

作者简介

作者袁龙,主要从事Web开发、教学培训等业务,创建“锦匠特效”和“锦匠课堂”两大Web前端工具类网站,为数万前端开发者提供高效率的工作方式,轻松实现网页动画特效,目前是51CTO、CSDN等在线教育平台讲师。

章节目录

版权信息

作者简介

内容简介

前言

第1章 Vue.js基础入门

1.1 什么是Vue.js

1.1.1 当前流行的前端框架

1.1.2 为什么要学习Vue.js

1.1.3 Vue.js核心理念

1.1.4 框架和库的区别

1.2 MVVM前端视图层开发理念

1.3 创建Vue实例对象,详解MVVM

1.4 详解插值表达式

1.5 Vue基础指令

1.5.1 v-cloak指令

1.5.2 v-text指令

1.5.3 v-html指令

1.5.4 v-bind指令

1.5.5 v-on指令

1.6 事件修饰符

1.6.1 鼠标按键修饰

1.6.2 系统修饰符

1.6.3 事件修饰符

1.7 双向数据绑定

1.7.1 v-model修饰符

1.7.2 使用v-model实现计算器案例

1.8 v-for指令

1.8.1 遍历普通数组

1.8.2 遍历对象数组

1.8.3 遍历对象

1.8.4 遍历数字

1.9 学生管理案例

1.9.1 渲染学生列表

1.9.2 新增学生

1.9.3 删除学生

1.9.4 搜索学生

第2章 Vue.js绑定样式及案例

2.1 class类名绑定

2.1.1 对象控制绑定样式

2.1.2 数组控制绑定样式

2.2 style行内样式绑定

2.2.1 对象控制绑定行内样式

2.2.2 数组控制绑定行内样式

2.3 Vue绑定样式案例(标题排他)

2.4 控制元素显示隐藏

2.4.1 v-if和v-show指令

2.4.2 v-if实现选项卡案例

2.5 简单版购物车实例

2.5.1 购物车实例简介

2.5.2 静态页面布局

2.5.3 渲染购物车列表

2.5.4 修改商品选中状态

2.5.5 记录选中商品的总数量和总价格

2.5.6 全选状态

2.5.7 商品数量增加或减少

第3章 Vue.js生命周期函数

3.1 创建期间生命周期函数

3.2 运行期间生命周期函数

3.3 销毁期间生命周期函数

3.4 扩展

第4章 Vue.js动画

4.1 Vue单组动画

4.2 Vue定义多组动画

4.3 使用animate动画库

4.4 transition-group列表动画

第5章 Vue.js组件

5.1 创建全局组件

5.1.1 组件创建方式一

5.1.2 组件创建方式二

5.1.3 组件创建方式三

5.2 创建私有组件

5.2.1 组件中的data和methods

5.2.2 组件选项卡切换案例

5.3 动画组件

5.4 组件传值

5.4.1 父组件向子组件传值

5.4.2 父组件向子组件传递方法

5.4.3 子组件向父组件传值

5.5 Vue获取DOM元素的方法(ref)

5.5.1 ref获取普通DOM元素

5.5.2 ref获取组件元素

第6章 Vue.js路由

6.1 什么是路由

6.1.1 安装路由

6.1.2 使用路由

6.2 路由控制组件切换

6.3 路由重定向以及动画路由

6.4 路由传参

6.4.1 传参方式一

6.4.2 传参方式二

6.5 嵌套路由

6.6 路由布局

第7章 Vue.js高级进阶

7.1 安装vue-cli

7.1.1 vue-cli创建项目

7.1.2 运行脚手架项目

7.2 vue-cli目录结构

7.3 vue-cli运行机制

7.4 vue-cli选项卡案例

7.5 过滤器

7.5.1 私有过滤器

7.5.2 全局过滤器

7.6 Vue计算属性

7.7 watch侦听属性

7.8 slot插槽

7.9 链式路由跳转

7.10 路由守卫

7.10.1 全局路由守卫

7.10.2 组件内路由守卫

7.10.3 离开组件时守卫

第8章 element-ui/mint-ui组件库

8.1 element-ui使用步骤

8.2 mint-ui的使用

第9章 axios发送HTTP请求

9.1 安装axios

9.1.1 组件中使用axios

9.1.2 配置全局域名

9.1.3 代码分离

9.2 axios传递参数

9.3 axios原理之promise

9.3.1 什么是promise

9.3.2 为什么要用promise

9.3.3 promise基本使用

9.3.4 promise的API

9.3.5 async与await

第10章 Vuex状态管理

10.1 Vuex基础应用

10.2 getters的使用

10.3 mutations的使用

10.4 actions的使用

10.5 Vuex代码分离

10.6 辅助函数

10.6.1 mapState辅助函数

10.6.2 mapGetters辅助函数

10.6.3 mapMutations辅助函数

10.6.4 mapActions辅助函数

10.7 Vuex实例之登录退出

10.7.1 vue-cli创建项目站点

10.7.2 Vuex修改登录状态

第11章 企业项目实战

11.1 vue-cli创建项目

11.2 首页开发

11.2.1 布局首页静态页面

11.2.2 使用axios获取轮播图

11.2.3 首页广告版块数据渲染

11.2.4 首页商家推荐版块数据渲染

11.2.5 首页其他版块数据渲染

11.3 网页底部信息和产品列表页面开发

11.3.1 产品列表静态页面布局

11.3.2 渲染全部产品页面数据

11.3.3 产品价格排序功能

11.3.4 产品价格范围筛选功能

11.4 element-ui实现产品分页

11.5 产品详情页面开发

第12章 Vue3.X新特性解析

12.1 Vue3.0新特性

12.2 什么是Composition API

12.2.1 setup函数的特点

12.2.2 定义响应式数据

12.3 reactive函数

12.4 封装功能模块,增加代码复用

12.5 Vue3生命周期

12.6 computed的使用

12.7 watch监听的使用

12.8 依赖注入

12.9 Refs模板

12.10 readonly()函数的使用

12.11 watchEffect()函数的使用

12.12 响应式系统工具集的使用

12.12.1 unref()

12.12.2 toRef()

12.12.3 isRef()

12.12.4 isProxy()

12.12.5 isReactive()

12.12.6 isReadonly()

第13章 uni-app核心基础

13.1 uni-app概述

13.1.1 创建uni-app项目

13.1.2 uni-app目录结构

13.1.3 uni-app运行机制

13.2 常用组件

13.2.1 view组件

13.2.2 text组件

13.2.3 image组件

13.3 常用特效

13.3.1 tabBar导航使用

13.3.2 swiper轮播图使用

13.4 uni-app属性绑定和事件绑定

13.4.1 属性绑定

13.4.2 事件绑定

13.5 v-for渲染数据

13.6 uni-app生命周期

13.6.1 应用生命周期

13.6.2 页面生命周期

13.6.3 下拉刷新生命周期函数

13.6.4 上拉加载生命周期函数

13.7 uni-app发送HTTP请求

13.8 跨端兼容

13.8.1 控制页面元素

13.8.2 控制CSS样式

13.8.3 控制JS

13.9 页面跳转

13.9.1 网址跳转

13.9.2 事件跳转

13.9.3 传递参数

第14章 uni-app企业项目实战

14.1 鲁嗑瓜子首页开发

14.1.1 布局首页静态页

14.1.2 调用数据接口渲染轮播图

14.1.3 首页广告版块数据渲染

14.1.4 首页商家推荐版块数据渲染

14.1.5 首页其他版块数据渲染

14.2 产品列表页开发

14.2.1 布局产品列表静态页面

14.2.2 渲染产品列表数据

14.2.3 价格排序功能

14.2.4 价格范围筛选功能

14.3 产品详情页开发

14.4 App打包

14.4.1 H5发布

14.4.2 App发布

Vue.js核心技术解析与uni-app跨平台实战开发是2022年由清华大学出版社出版,作者袁龙。

得书感谢您对《Vue.js核心技术解析与uni-app跨平台实战开发》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
Vue.js前端开发实战(慕课版) 电子书
本书系统全面地介绍了Vue.js网站前端开发所涉及的各类知识。全书共分15章,内容包括Vue.js简介、基础特性、条件判断与列表渲染、计算属性与监听属性、样式绑定、事件处理、表单控件绑定、自定义指令、组件、过渡、常用插件、单页Web应用、状态管理、综合开发实例——51购商城、课程设计——仿豆瓣电影评分网。书中每章内容都与实例紧密结合,有助于学生理解知识、应用知识,达到学以致用的目的。
AIRIOT物联网平台开发框架应用与实战 电子书
在可以预见的未来,物联网技术将改变所有行业。
Vue.js前端开发实战教程(慕课版) 电子书
内容提要本书主要讲解Vue.js前端开发的基础知识和实战应用。本书共5篇,第1篇为Vue.js基础,包括初识Vue.js、Vue.js基础、Vue.js模板语法、Vue.js表单输入绑定、Vue.js计算属性与侦听器、动态绑定class与style和Vue.js事件处理;第2篇为Vue.js深入与提高,包括深入了解组件、过渡动画效果和可复用性与组合;第3篇为Vue-Router管理路由跳转,包括路
Vue.js前端开发技术 电子书
从理论到实践,带你渐进式了解Vue.js前端开发技术。
Vue.js前端开发快速入门与专业应用 电子书
摸透Vue.js,无论是桌面端还是移动端,让你从容面对!