Vue.js 3.x从入门到精通(视频教学版)

Vue.js 3.x从入门到精通(视频教学版)
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2023-03
版次: 1
ISBN: 9787302627418
定价: 79.00
装帧: 其他
开本: 16开
纸张: 胶版纸
4人买过
  • 本书通过应用示例和综合案例的讲解与演练,使读者快速掌握Vue.js 3.x编程知识,提高使用Vue.js开发网站和移动App的实战能力。本书配套示例源码、PPT课件、同步教学视频、教学大纲与执行进度表、习题与答案、其他超值教学资源。 本书共18章,内容包括快速进入Vue.js的世界、搭建开发与调试环境、熟悉ECMAScript 6的语法、熟悉Vue.js的语法、指令、计算属性、精通监听器、事件处理、class与style绑定、表单输入绑定、组件和组合API、过渡和动画效果、精通Vue CLI和Vite、使用Vue Router开发单页面应用、数据请求库——Axios、状态管理——Vuex、网上购物商城开发实战和电影购票App开发实战等。 本书内容丰富、理论结合实践,可以作为工具书和参考手册,适合Web前端开发初学者、网站与移动App设计和开发人员,也适合作为高等院校、中职学校和培训机构计算机相关专业的师生教学参考。 李小威,软件开发项目经理,在软件开发领域有十多年的开发经验,擅长Web前端、Java、PHP、数据库、大数据分析等技术。著有多本畅销IT图书。 第1章  快速进入Vue.js的世界 1

    1.1  前端开发技术的发展 1

    1.2  MV*模式 2

    1.2.1  MVC模式 2

    1.2.2  MVVM模式 2

    1.3  Vue.js概述 3

    1.4  Vue.js的发展历程 4

    1.5  Vue.js 3.x的新变化 5

    1.6  疑难解惑 6

    第2章  搭建开发与调试环境 8

    2.1  安装Vue.js 8

    2.1.1  使用CDN方式 8

    2.1.2  NPM 9

    2.1.3  命令行工具(CLI) 9

    2.1.4  使用Vite方式 10

    2.2  安装WebStorm 10

    2.3  安装vue-devtools 14

    2.4  第一个Vue.js程序 16

    2.5  疑难解惑 19

    第3章  熟悉ECMAScript 6的语法 20

    3.1  ECMAScript 6介绍 20

    3.1.1  ES 6的前世今生 20

    3.1.2  为什么要使用ES 6 21

    3.2  块作用域构造let和const 21

    3.3  模板字面量 23

    3.3.1  多行字符串 23

    3.3.2  字符串占位符 24

    3.4  默认参数和rest参数 24

    3.5  解构赋值 25

    3.6  展开运算符 27

    3.7  增强的对象文本 28

    3.8  箭头函数 30

    3.9  Promise实现 31

    3.10  Classes(类) 32

    3.11  Modules(模块) 33

    3.12  疑难解惑 33

    第4章  熟悉Vue.js的语法 35

    4.1  创建应用程序实例 35

    4.2  插值 36

    4.3  方法选项 39

    4.3.1  使用方法 39

    4.3.2  传递参数 41

    4.3.3  方法之间的调用 42

    4.4  指令 43

    4.5  缩写 45

    4.6  Vue.js 3.x的新变化——取消构造函数 46

    4.7  综合案例——通过插值语法实现姓名组合 46

    4.8  疑难解惑 47

    第5章  指令 48

    5.1  内置指令 48

    5.1.1  v-show 48

    5.1.2  v-if/v-else-if/v-else 49

    5.1.3  v-for 51

    5.1.4  v-bind 63

    5.1.5  v-model 64

    5.1.6  v-on 65

    5.1.7  v-text 66

    5.1.8  v-html 67

    5.1.9  v-once 68

    5.1.10  v-pre 69

    5.1.11  v-cloak 69

    5.2  自定义指令 70

    5.2.1  注册自定义指令 70

    5.2.2  钩子函数 71

    5.2.3  动态指令参数 73

    5.3  综合案例——通过指令实现下拉菜单效果 74

    5.4  疑难解惑 76

    第6章  计算属性 77

    6.1  使用计算属性 77

    6.2  计算属性的getter和setter方法 78

    6.3  计算属性的缓存 80

    6.4  使用计算属性代替v-for和v-if 82

    6.5  综合案例——使用计算属性设计购物车效果 84

    6.6  疑难解惑 87

    第7章  精通监听器 88

    7.1  使用监听器 88

    7.2  监听方法 89

    7.3  监听对象 90

    7.4  综合案例——使用监听器设计购物车效果 93

    7.5  疑难解惑 95

    第8章  事件处理 96

    8.1  监听事件 96

    8.2  事件处理方法 97

    8.3  事件修饰符 100

    8.3.1  stop 100

    8.3.2  capture 102

    8.3.3  self 104

    8.3.4  once 106

    8.3.5  prevent 106

    8.3.6  passive 107

    8.4  按键修饰符 108

    8.5  系统修饰键 110

    8.6  综合案例——处理用户注册信息 111

    8.7  疑难解惑 113

    第9章  class与style绑定 114

    9.1  绑定HTML样式(class) 114

    9.1.1  数组语法 114

    9.1.2  对象语法 116

    9.1.3  在组件上使用class属性 120

    9.2  绑定内联样式(style) 120

    9.2.1  对象语法 120

    9.2.2  数组语法 123

    9.3  综合案例——设计隔行变色的商品表 124

    9.4  疑难解惑 126

    第10章  表单输入绑定 127

    10.1  实现双向数据绑定 127

    10.2  单行文本输入框 127

    10.3  多行文本输入框 128

    10.4  复选框 129

    10.5  单选按钮 131

    10.6  选择框 132

    10.7  值绑定 134

    10.7.1  复选框 135

    10.7.2  单选框 135

    10.7.3  选择框的选项 136

    10.8  修饰符 137

    10.8.1  lazy 137

    10.8.2  number 138

    10.8.3  trim 139

    10.9  综合案例——设计用户注册页面 139

    10.10  疑难解惑 141

    第11章  组件和组合API 143

    11.1  组件是什么 143

    11.2  组件的注册 143

    11.2.1  全局注册 144

    11.2.2  局部注册 145

    11.3  使用prop向子组件传递数据 145

    11.3.1  prop的基本用法 146

    11.3.2  单向数据流 149

    11.3.3  prop验证 150

    11.3.4  非prop的属性 151

    11.4  子组件向父组件传递数据 153

    11.4.1  监听子组件事件 153

    11.4.2  将原生事件绑定到组件 155

    11.4.3  .sync修饰符 156

    11.5  插槽 158

    11.5.1  插槽的基本用法 158

    11.5.2  编译作用域 158

    11.5.3  默认内容 159

    11.5.4  命名插槽 160

    11.5.5  作用域插槽 162

    11.5.6  解构插槽prop 164

    11.6  Vue.js 3.x的新变化1——组合API 165

    11.7  setup()函数 166

    11.8  响应式API 167

    11.8.1  reactive()方法和watchEffect()方法 167

    11.8.2  ref()方法 168

    11.8.3  readonly()方法 169

    11.8.4  computed()方法 170

    11.8.5  watch()方法 170

    11.9  Vue.js 3.x的新变化2——访问组件的方式 171

    11.10  综合案例——使用组件创建树状项目分类 172

    11.11  疑难解惑 173

    第12章  过渡和动画效果 174

    12.1  单元素/组件的过渡 174

    12.1.1  CSS过渡 174

    12.1.2  过渡的类名 176

    12.1.3  CSS动画 179

    12.1.4  自定义过渡的类名 180

    12.1.5  动画的JavaScript钩子函数 181

    12.2  初始渲染的过渡 184

    12.3  多个元素的过渡 186

    12.4  列表过渡 187

    12.4.1  列表的进入/离开过渡 187

    12.4.2  列表的排序过渡 188

    12.4.3  列表的交错过渡 190

    12.5  综合案例1——商品编号增加器 191

    12.6  综合案例2——设计下拉菜单的过渡动画 193

    12.7  疑难解惑 195

    第13章  精通Vue CLI和Vite 196

    13.1  脚手架的组件 196

    13.2  脚手架环境搭建 197

    13.3  安装脚手架 199

    13.4  创建项目 200

    13.4.1  使用命令 200

    13.4.2  使用图形化界面 202

    13.5  分析项目结构 205

    13.6  配置Scss、Less和Stylus 207

    13.7  配置文件package.json 209

    13.8  Vue.js 3.x新增的开发构建工具——Vite 210

    13.9  疑难解惑 212

    第14章  使用Vue Router开发单页面应用 213

    14.1  使用Vue Router 213

    14.1.1  在HTML页面使用路由 213

    14.1.2  在项目中使用路由 218

    14.2  命名路由 219

    14.3  命名视图 221

    14.4  路由传参 225

    14.5  编程式导航 229

    14.6  组件与Vue Router间解耦 233

    14.6.1  布尔模式 233

    14.6.2  对象模式 236

    14.6.3  函数模式 239

    14.7  疑难解惑 242

    第15章  数据请求库—Axios 243

    15.1  什么是Axios 243

    15.2  安装Axios 244

    15.3  基本用法 244

    15.3.1  Axios的get请求和post请求 244

    15.3.2  请求同域下的JSON数据 246

    15.3.3  跨域请求数据 248

    15.3.4  并发请求 250

    15.4  Axios API 250

    15.5  请求配置 251

    15.6  创建实例 253

    15.7  配置默认选项 253

    15.8  拦截器 254

    15.9  Vue.js 3.x的新变化——替代Vue.prototype 254

    15.10  综合案例——显示近7天的天气情况 255

    15.11  疑难解惑 257

    第16章  状态管理—Vuex 258

    16.1  什么是Vuex 258

    16.2  安装Vuex 259

    16.3  在项目中使用Vuex 260

    16.3.1  搭建一个项目 260

    16.3.2  state对象 261

    16.3.3  getter对象 262

    16.3.4  mutation对象 264

    16.3.5  action对象 265

    16.4  综合案例——使用Vuex开发商城购物车功能 268

    16.5  疑难解惑 274

    第17章  网上购物商城开发实战 275

    17.1  系统功能结构 275

    17.2  系统结构分析 276

    17.3  系统运行效果 276

    17.4  系统功能模块设计与实现 277

    17.4.1  首页模块 277

    17.4.2  首页信息展示模块 278

    17.4.3  用户登录模块 281

    17.4.4  商品模块 283

    17.4.5  购买模块 288

    17.4.6  支付模块 289

    第18章  电影购票App开发实战 292

    18.1  脚手架项目的搭建 292

    18.2  系统结构 292

    18.3  系统运行效果 293

    18.4  设计项目组件 294

    18.4.1  设计头部和底部导航组件 294

    18.4.2  设计电影页面组件 295

    18.4.3  设计影院页面组件 302

    18.4.4  设计我的页面组件 304

    18.5  设计项目页面组件及路由配置 305

    18.5.1  电影页面组件及路由 305

    18.5.2  影院页面组件及路由 307

    18.5.3  我的页面组件及路由 307
  • 内容简介:
    本书通过应用示例和综合案例的讲解与演练,使读者快速掌握Vue.js 3.x编程知识,提高使用Vue.js开发网站和移动App的实战能力。本书配套示例源码、PPT课件、同步教学视频、教学大纲与执行进度表、习题与答案、其他超值教学资源。 本书共18章,内容包括快速进入Vue.js的世界、搭建开发与调试环境、熟悉ECMAScript 6的语法、熟悉Vue.js的语法、指令、计算属性、精通监听器、事件处理、class与style绑定、表单输入绑定、组件和组合API、过渡和动画效果、精通Vue CLI和Vite、使用Vue Router开发单页面应用、数据请求库——Axios、状态管理——Vuex、网上购物商城开发实战和电影购票App开发实战等。 本书内容丰富、理论结合实践,可以作为工具书和参考手册,适合Web前端开发初学者、网站与移动App设计和开发人员,也适合作为高等院校、中职学校和培训机构计算机相关专业的师生教学参考。
  • 作者简介:
    李小威,软件开发项目经理,在软件开发领域有十多年的开发经验,擅长Web前端、Java、PHP、数据库、大数据分析等技术。著有多本畅销IT图书。
  • 目录:
    第1章  快速进入Vue.js的世界 1

    1.1  前端开发技术的发展 1

    1.2  MV*模式 2

    1.2.1  MVC模式 2

    1.2.2  MVVM模式 2

    1.3  Vue.js概述 3

    1.4  Vue.js的发展历程 4

    1.5  Vue.js 3.x的新变化 5

    1.6  疑难解惑 6

    第2章  搭建开发与调试环境 8

    2.1  安装Vue.js 8

    2.1.1  使用CDN方式 8

    2.1.2  NPM 9

    2.1.3  命令行工具(CLI) 9

    2.1.4  使用Vite方式 10

    2.2  安装WebStorm 10

    2.3  安装vue-devtools 14

    2.4  第一个Vue.js程序 16

    2.5  疑难解惑 19

    第3章  熟悉ECMAScript 6的语法 20

    3.1  ECMAScript 6介绍 20

    3.1.1  ES 6的前世今生 20

    3.1.2  为什么要使用ES 6 21

    3.2  块作用域构造let和const 21

    3.3  模板字面量 23

    3.3.1  多行字符串 23

    3.3.2  字符串占位符 24

    3.4  默认参数和rest参数 24

    3.5  解构赋值 25

    3.6  展开运算符 27

    3.7  增强的对象文本 28

    3.8  箭头函数 30

    3.9  Promise实现 31

    3.10  Classes(类) 32

    3.11  Modules(模块) 33

    3.12  疑难解惑 33

    第4章  熟悉Vue.js的语法 35

    4.1  创建应用程序实例 35

    4.2  插值 36

    4.3  方法选项 39

    4.3.1  使用方法 39

    4.3.2  传递参数 41

    4.3.3  方法之间的调用 42

    4.4  指令 43

    4.5  缩写 45

    4.6  Vue.js 3.x的新变化——取消构造函数 46

    4.7  综合案例——通过插值语法实现姓名组合 46

    4.8  疑难解惑 47

    第5章  指令 48

    5.1  内置指令 48

    5.1.1  v-show 48

    5.1.2  v-if/v-else-if/v-else 49

    5.1.3  v-for 51

    5.1.4  v-bind 63

    5.1.5  v-model 64

    5.1.6  v-on 65

    5.1.7  v-text 66

    5.1.8  v-html 67

    5.1.9  v-once 68

    5.1.10  v-pre 69

    5.1.11  v-cloak 69

    5.2  自定义指令 70

    5.2.1  注册自定义指令 70

    5.2.2  钩子函数 71

    5.2.3  动态指令参数 73

    5.3  综合案例——通过指令实现下拉菜单效果 74

    5.4  疑难解惑 76

    第6章  计算属性 77

    6.1  使用计算属性 77

    6.2  计算属性的getter和setter方法 78

    6.3  计算属性的缓存 80

    6.4  使用计算属性代替v-for和v-if 82

    6.5  综合案例——使用计算属性设计购物车效果 84

    6.6  疑难解惑 87

    第7章  精通监听器 88

    7.1  使用监听器 88

    7.2  监听方法 89

    7.3  监听对象 90

    7.4  综合案例——使用监听器设计购物车效果 93

    7.5  疑难解惑 95

    第8章  事件处理 96

    8.1  监听事件 96

    8.2  事件处理方法 97

    8.3  事件修饰符 100

    8.3.1  stop 100

    8.3.2  capture 102

    8.3.3  self 104

    8.3.4  once 106

    8.3.5  prevent 106

    8.3.6  passive 107

    8.4  按键修饰符 108

    8.5  系统修饰键 110

    8.6  综合案例——处理用户注册信息 111

    8.7  疑难解惑 113

    第9章  class与style绑定 114

    9.1  绑定HTML样式(class) 114

    9.1.1  数组语法 114

    9.1.2  对象语法 116

    9.1.3  在组件上使用class属性 120

    9.2  绑定内联样式(style) 120

    9.2.1  对象语法 120

    9.2.2  数组语法 123

    9.3  综合案例——设计隔行变色的商品表 124

    9.4  疑难解惑 126

    第10章  表单输入绑定 127

    10.1  实现双向数据绑定 127

    10.2  单行文本输入框 127

    10.3  多行文本输入框 128

    10.4  复选框 129

    10.5  单选按钮 131

    10.6  选择框 132

    10.7  值绑定 134

    10.7.1  复选框 135

    10.7.2  单选框 135

    10.7.3  选择框的选项 136

    10.8  修饰符 137

    10.8.1  lazy 137

    10.8.2  number 138

    10.8.3  trim 139

    10.9  综合案例——设计用户注册页面 139

    10.10  疑难解惑 141

    第11章  组件和组合API 143

    11.1  组件是什么 143

    11.2  组件的注册 143

    11.2.1  全局注册 144

    11.2.2  局部注册 145

    11.3  使用prop向子组件传递数据 145

    11.3.1  prop的基本用法 146

    11.3.2  单向数据流 149

    11.3.3  prop验证 150

    11.3.4  非prop的属性 151

    11.4  子组件向父组件传递数据 153

    11.4.1  监听子组件事件 153

    11.4.2  将原生事件绑定到组件 155

    11.4.3  .sync修饰符 156

    11.5  插槽 158

    11.5.1  插槽的基本用法 158

    11.5.2  编译作用域 158

    11.5.3  默认内容 159

    11.5.4  命名插槽 160

    11.5.5  作用域插槽 162

    11.5.6  解构插槽prop 164

    11.6  Vue.js 3.x的新变化1——组合API 165

    11.7  setup()函数 166

    11.8  响应式API 167

    11.8.1  reactive()方法和watchEffect()方法 167

    11.8.2  ref()方法 168

    11.8.3  readonly()方法 169

    11.8.4  computed()方法 170

    11.8.5  watch()方法 170

    11.9  Vue.js 3.x的新变化2——访问组件的方式 171

    11.10  综合案例——使用组件创建树状项目分类 172

    11.11  疑难解惑 173

    第12章  过渡和动画效果 174

    12.1  单元素/组件的过渡 174

    12.1.1  CSS过渡 174

    12.1.2  过渡的类名 176

    12.1.3  CSS动画 179

    12.1.4  自定义过渡的类名 180

    12.1.5  动画的JavaScript钩子函数 181

    12.2  初始渲染的过渡 184

    12.3  多个元素的过渡 186

    12.4  列表过渡 187

    12.4.1  列表的进入/离开过渡 187

    12.4.2  列表的排序过渡 188

    12.4.3  列表的交错过渡 190

    12.5  综合案例1——商品编号增加器 191

    12.6  综合案例2——设计下拉菜单的过渡动画 193

    12.7  疑难解惑 195

    第13章  精通Vue CLI和Vite 196

    13.1  脚手架的组件 196

    13.2  脚手架环境搭建 197

    13.3  安装脚手架 199

    13.4  创建项目 200

    13.4.1  使用命令 200

    13.4.2  使用图形化界面 202

    13.5  分析项目结构 205

    13.6  配置Scss、Less和Stylus 207

    13.7  配置文件package.json 209

    13.8  Vue.js 3.x新增的开发构建工具——Vite 210

    13.9  疑难解惑 212

    第14章  使用Vue Router开发单页面应用 213

    14.1  使用Vue Router 213

    14.1.1  在HTML页面使用路由 213

    14.1.2  在项目中使用路由 218

    14.2  命名路由 219

    14.3  命名视图 221

    14.4  路由传参 225

    14.5  编程式导航 229

    14.6  组件与Vue Router间解耦 233

    14.6.1  布尔模式 233

    14.6.2  对象模式 236

    14.6.3  函数模式 239

    14.7  疑难解惑 242

    第15章  数据请求库—Axios 243

    15.1  什么是Axios 243

    15.2  安装Axios 244

    15.3  基本用法 244

    15.3.1  Axios的get请求和post请求 244

    15.3.2  请求同域下的JSON数据 246

    15.3.3  跨域请求数据 248

    15.3.4  并发请求 250

    15.4  Axios API 250

    15.5  请求配置 251

    15.6  创建实例 253

    15.7  配置默认选项 253

    15.8  拦截器 254

    15.9  Vue.js 3.x的新变化——替代Vue.prototype 254

    15.10  综合案例——显示近7天的天气情况 255

    15.11  疑难解惑 257

    第16章  状态管理—Vuex 258

    16.1  什么是Vuex 258

    16.2  安装Vuex 259

    16.3  在项目中使用Vuex 260

    16.3.1  搭建一个项目 260

    16.3.2  state对象 261

    16.3.3  getter对象 262

    16.3.4  mutation对象 264

    16.3.5  action对象 265

    16.4  综合案例——使用Vuex开发商城购物车功能 268

    16.5  疑难解惑 274

    第17章  网上购物商城开发实战 275

    17.1  系统功能结构 275

    17.2  系统结构分析 276

    17.3  系统运行效果 276

    17.4  系统功能模块设计与实现 277

    17.4.1  首页模块 277

    17.4.2  首页信息展示模块 278

    17.4.3  用户登录模块 281

    17.4.4  商品模块 283

    17.4.5  购买模块 288

    17.4.6  支付模块 289

    第18章  电影购票App开发实战 292

    18.1  脚手架项目的搭建 292

    18.2  系统结构 292

    18.3  系统运行效果 293

    18.4  设计项目组件 294

    18.4.1  设计头部和底部导航组件 294

    18.4.2  设计电影页面组件 295

    18.4.3  设计影院页面组件 302

    18.4.4  设计我的页面组件 304

    18.5  设计项目页面组件及路由配置 305

    18.5.1  电影页面组件及路由 305

    18.5.2  影院页面组件及路由 307

    18.5.3  我的页面组件及路由 307
查看详情
相关图书 / 更多
Vue.js 3.x从入门到精通(视频教学版)
Vue.js前端开发入门与实践
姬婧;郑铮
Vue.js 3.x从入门到精通(视频教学版)
Vue.js 3企业级项目开发实战(微课视频版)
袁龙
Vue.js 3.x从入门到精通(视频教学版)
Vue.js前端开发实战(第2版)
黑马程序员
Vue.js 3.x从入门到精通(视频教学版)
Vue.js 3.x从入门到实战(微课视频版)
陈恒;刘海燕;贾慧敏;张宏
Vue.js 3.x从入门到精通(视频教学版)
Vue.js+Spring Boot全栈开发实战
柳伟卫
Vue.js 3.x从入门到精通(视频教学版)
Vue 3移动Web开发与性能调优实战
吕鸣
Vue.js 3.x从入门到精通(视频教学版)
Vue.js 3+TypeScript完全指南
王红元
Vue.js 3.x从入门到精通(视频教学版)
Vue.js 3.x+Element Plus从入门到精通(视频教学版)
张工厂
Vue.js 3.x从入门到精通(视频教学版)
Vue.js 3.0源码解析(微课视频版)
张廷杭;仲宝才;姚鑫
Vue.js 3.x从入门到精通(视频教学版)
Vue.js 3.0项目开发实战
绵绵的糖 编著;张帆
Vue.js 3.x从入门到精通(视频教学版)
Vue.js 3.x前端开发技术与实战(微课视频·题库版)
储久良
Vue.js 3.x从入门到精通(视频教学版)
Vue.js前端框架开发实战
张建军 主编;赵旭 副主编;张磊;宋洁;纪美仑;隋秀丽;王刚;乔富强