Vue.js前端框架技术与实战(微课视频版)

Vue.js前端框架技术与实战(微课视频版)
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2022-01
版次: 1
ISBN: 9787302585893
定价: 69.80
装帧: 其他
开本: 16开
纸张: 胶版纸
字数: 754.000千字
45人买过
  • Vue.js是一套用于构建用户界面的渐进式框架,是目前流行的三大前端框架之一。本书以Vue 2.6.12为基础,重点讲解Vue生产环境配置与开发工具的使用、基础语法、指令、组件开发及周边生态系统;以Vue 3.0为提高,重点介绍新版本改进和优化之处以及如何利用新版本开发应用程序。
      全书共分为12章,主要涵盖Vue.js概述、Vue.js基础、Vue.js指令、Vue.js基础项目实战、Vue.js组件开发、Vue.js过渡与动画、Vue项目开发环境与辅助工具部署、前端路由Vue Router、状态管理模式Vuex、Vue UI组件库、Vue高级项目实战以及Vue 3.0基础应用。每章均附有本章学习目标、本章小结、练习与实训,便于广大读者和工程技术人员学习、实践与提高。
      本书可作为高等院校数据科学与大数据技术、计算机科学与技术、软件工程、物联网工程、网络工程等理工科相关专业“网页开发与设计”“Web前端开发技术”“Web应用技术”等课程的教材,也可作为Web前端工程师等IT技术人员学习“新Web前端框架”的自学参考书。 1章  Vue.js概述 1

    1.1  Vue.js简介 1

    1.2  Vue.js生产环境配置 2

    1.2.1  Vue.js引入方法 2

    1.2.2  安装Vue Devtools 3

    1.3  Vue页面基本结构 5

    1.3.1  标记 5

    1.3.2  6

    1.3.3  8

    1.4  Vue.js开发工具 8

    1.4.1  Visual Studio Code 9

    1.4.2  Sublime Tet 9

    1.4.3  WebStorm 10

    1.4.4  HBuilderX 10

    本章小结 11

    练习1 11

    实训1   12

    2章  Vue.js基础 15

    2.1  MVC与MVVM模式 15

    2.1.1  MVC模式 15

    2.1.2  MVVM模式 16

    2.1.3  MVVM模式的前端框架发展趋势 17

    2.1.4  MVVM模式的应用 17

    2.2  数据绑定与插值 20

    2.2.1  文本绑定 20

    2.2.2  HTML代码绑定 20

    2.2.3  属性绑定 21

    2.2.4  JavaScript表达式绑定 21

    2.3  计算属性与方法 22

    2.3.1  计算属性基础应用 23

    2.3.2  计算属性缓存与方法的比较 24

    2.3.3  计算属性的setter和getter 26

    2.4  侦听属性 29

    2.4.1  侦听属性基本用法 29

    2.4.2  侦听属性用法 31

    2.5  生命周期钩子函数 34

    2.5.1  生命周期钩子函数的作用 34

    2.5.2  生命周期钩子函数的应用 37

    2.6  控制台对象 39

    2.6.1  显示信息的命令 40

    2.6.2  占位符 40

    2.6.3  分组显示 41

    2.6.4  查看对象的信息 42

    2.6.5  显示某个节点的内容 42

    2.6.6  判断变量是否为真 42

    2.6.7  追踪函数的调用轨迹 43

    2.6.8  计时功能 43

    2.6.9  性能分析 44

    2.6.10  表格形式输出数组和对象 45

    2.7  数据与方法 48

    2.7.1  数据对象的定义与使用 49

    2.7.2  Vue实例属性与方法 50

    2.8  Vue中的数组变动更新检测 53

    2.8.1  变异方法 53

    2.8.2  非变异方法 54

    2.9  Vue中的过滤器 57

    本章小结 60

    练习2 61

    实训2   62

    3章  Vue.js指令 66

    3.1  Vue.js内置指令 67

    3.1.1  条件渲染 67

    3.1.2  用key管理可复用的元素 69

    3.1.3  根据条件展示元素 71

    3.1.4  列表渲染 73

    3.1.5  绑定属性 81

    3.1.6  事件处理 83

    3.1.7  事件修饰符 85

    3.1.8  按键修饰符 90

    3.1.9  表单输入绑定 92

    3.1.10  表单元素值绑定 95

    3.1.11  v-model修饰符 97

    3.1.12  v-tet与v-html指令 98

    3.1.13  v-pre、v-once和v-cloak指令 100

    3.2  Vue.js自定义指令 101

    3.2.1  自定义指令注册 101

    3.2.2  对象字面量 105

    3.2.3  动态指令参数 105

    3.2.4  自定义指令实际应用 107

    本章小结 108

    练习3 109

    实训3   110

    4章  Vue.js基础项目实战 114

    4.1  简易图书管理 114

    4.1.1  项目需求 114

    4.1.2  项目实现 115

    4.2  我的待办事项 119

    4.2.1  项目需求 119

    4.2.2  项目实现 120

    本章小结 125

    实训4   125

    5章  Vue.js组件开发 126

    5.1  组件基础 126

    5.1.1  组件命名 127

    5.1.2  组件注册 128

    5.2  组件间通信 131

    5.2.1  父组件向子组件传值 131

    5.2.2  子组件向父组件传值 139

    5.2.3  兄弟组件之间的通信 143

    5.2.4  父链与子组件索引 145

    5.3  单文件组件 146

    5.4  插槽 149

    5.4.1  匿名插槽 149

    5.4.2  具名插槽 151

    5.4.3  作用域插槽 153

    5.4.4  动态插槽名 155

    本章小结 157

    练习5 158

    实训5   158

    6章  Vue.js过渡与动画 163

    6.1  单元素/单组件的过渡 163

    6.1.1  过渡的类名 165

    6.1.2  CSS 过渡 166

    6.1.3  CSS动画 167

    6.1.4  自定义过渡的类名 168

    6.1.5  同时使用过渡和动画 170

    6.1.6  显性的过渡持续时间 170

    6.1.7  JavaScript 钩子 170

    6.2  初始渲染的过渡 171

    6.3  多个元素的过渡 172

    6.4  多个组件的过渡 177

    6.5  列表过渡 178

    6.5.1  列表的进入/离开过渡 179

    6.5.2  列表的排序过渡 181

    6.5.3  列表的交错过渡 183

    本章小结 186

    练习6 186

    实训6   187

    7章  Vue项目开发环境与辅助工具部署 192

    7.1  部署de.js 192

    7.1.1  de.js简介 192

    7.1.2  de.js部署 194

    7.1.3  de.js模块系统 194

    7.1.4  de.js 创建1个应用 202

    7.2  de包管理器npm 203

    7.2.1  npm简介 203

    7.2.2  npm常用命令 204

    7.3  de.js环境配置 206

    7.4  webpack打包工具 208

    7.4.1  webpack简介 208

    7.4.2  webpack使用与基本配置 209

    7.4.3  webpack配置加载器 215

    7.4.4  webpack配置插件 222

    7.4.5  webpack配置开发服务器 228

    7.5  Vue CLI 235

    7.5.1  Vue CLI安装 236

    7.5.2  Vue CLI创建Vue项目 236

    7.5.3  Vue CLI可视化创建Vue项目 238

    本章小结 240

    练习7 240

    实训7   241

    8章  前端路由Vue Router 246

    8.1  Vue Router概述 246

    8.1.1  Vue Router的安装与使用 247

    8.1.2  Vue Router基础应用 247

    8.2  Vue Router应用 252

    8.2.1  动态路由匹配 252

    8.2.2  嵌套路由 254

    8.2.3  编程式导航 260

    8.2.4  命名路由 262

    8.2.5  命名视图 263

    8.2.6  重定向和别名 264

    8.2.7  路由组件传参 265

    8.2.8  HTML5 History模式 267

    本章小结 267

    练习8 268

    实训8   269
  • 内容简介:
    Vue.js是一套用于构建用户界面的渐进式框架,是目前流行的三大前端框架之一。本书以Vue 2.6.12为基础,重点讲解Vue生产环境配置与开发工具的使用、基础语法、指令、组件开发及周边生态系统;以Vue 3.0为提高,重点介绍新版本改进和优化之处以及如何利用新版本开发应用程序。
      全书共分为12章,主要涵盖Vue.js概述、Vue.js基础、Vue.js指令、Vue.js基础项目实战、Vue.js组件开发、Vue.js过渡与动画、Vue项目开发环境与辅助工具部署、前端路由Vue Router、状态管理模式Vuex、Vue UI组件库、Vue高级项目实战以及Vue 3.0基础应用。每章均附有本章学习目标、本章小结、练习与实训,便于广大读者和工程技术人员学习、实践与提高。
      本书可作为高等院校数据科学与大数据技术、计算机科学与技术、软件工程、物联网工程、网络工程等理工科相关专业“网页开发与设计”“Web前端开发技术”“Web应用技术”等课程的教材,也可作为Web前端工程师等IT技术人员学习“新Web前端框架”的自学参考书。
  • 目录:
    1章  Vue.js概述 1

    1.1  Vue.js简介 1

    1.2  Vue.js生产环境配置 2

    1.2.1  Vue.js引入方法 2

    1.2.2  安装Vue Devtools 3

    1.3  Vue页面基本结构 5

    1.3.1  标记 5

    1.3.2  6

    1.3.3  8

    1.4  Vue.js开发工具 8

    1.4.1  Visual Studio Code 9

    1.4.2  Sublime Tet 9

    1.4.3  WebStorm 10

    1.4.4  HBuilderX 10

    本章小结 11

    练习1 11

    实训1   12

    2章  Vue.js基础 15

    2.1  MVC与MVVM模式 15

    2.1.1  MVC模式 15

    2.1.2  MVVM模式 16

    2.1.3  MVVM模式的前端框架发展趋势 17

    2.1.4  MVVM模式的应用 17

    2.2  数据绑定与插值 20

    2.2.1  文本绑定 20

    2.2.2  HTML代码绑定 20

    2.2.3  属性绑定 21

    2.2.4  JavaScript表达式绑定 21

    2.3  计算属性与方法 22

    2.3.1  计算属性基础应用 23

    2.3.2  计算属性缓存与方法的比较 24

    2.3.3  计算属性的setter和getter 26

    2.4  侦听属性 29

    2.4.1  侦听属性基本用法 29

    2.4.2  侦听属性用法 31

    2.5  生命周期钩子函数 34

    2.5.1  生命周期钩子函数的作用 34

    2.5.2  生命周期钩子函数的应用 37

    2.6  控制台对象 39

    2.6.1  显示信息的命令 40

    2.6.2  占位符 40

    2.6.3  分组显示 41

    2.6.4  查看对象的信息 42

    2.6.5  显示某个节点的内容 42

    2.6.6  判断变量是否为真 42

    2.6.7  追踪函数的调用轨迹 43

    2.6.8  计时功能 43

    2.6.9  性能分析 44

    2.6.10  表格形式输出数组和对象 45

    2.7  数据与方法 48

    2.7.1  数据对象的定义与使用 49

    2.7.2  Vue实例属性与方法 50

    2.8  Vue中的数组变动更新检测 53

    2.8.1  变异方法 53

    2.8.2  非变异方法 54

    2.9  Vue中的过滤器 57

    本章小结 60

    练习2 61

    实训2   62

    3章  Vue.js指令 66

    3.1  Vue.js内置指令 67

    3.1.1  条件渲染 67

    3.1.2  用key管理可复用的元素 69

    3.1.3  根据条件展示元素 71

    3.1.4  列表渲染 73

    3.1.5  绑定属性 81

    3.1.6  事件处理 83

    3.1.7  事件修饰符 85

    3.1.8  按键修饰符 90

    3.1.9  表单输入绑定 92

    3.1.10  表单元素值绑定 95

    3.1.11  v-model修饰符 97

    3.1.12  v-tet与v-html指令 98

    3.1.13  v-pre、v-once和v-cloak指令 100

    3.2  Vue.js自定义指令 101

    3.2.1  自定义指令注册 101

    3.2.2  对象字面量 105

    3.2.3  动态指令参数 105

    3.2.4  自定义指令实际应用 107

    本章小结 108

    练习3 109

    实训3   110

    4章  Vue.js基础项目实战 114

    4.1  简易图书管理 114

    4.1.1  项目需求 114

    4.1.2  项目实现 115

    4.2  我的待办事项 119

    4.2.1  项目需求 119

    4.2.2  项目实现 120

    本章小结 125

    实训4   125

    5章  Vue.js组件开发 126

    5.1  组件基础 126

    5.1.1  组件命名 127

    5.1.2  组件注册 128

    5.2  组件间通信 131

    5.2.1  父组件向子组件传值 131

    5.2.2  子组件向父组件传值 139

    5.2.3  兄弟组件之间的通信 143

    5.2.4  父链与子组件索引 145

    5.3  单文件组件 146

    5.4  插槽 149

    5.4.1  匿名插槽 149

    5.4.2  具名插槽 151

    5.4.3  作用域插槽 153

    5.4.4  动态插槽名 155

    本章小结 157

    练习5 158

    实训5   158

    6章  Vue.js过渡与动画 163

    6.1  单元素/单组件的过渡 163

    6.1.1  过渡的类名 165

    6.1.2  CSS 过渡 166

    6.1.3  CSS动画 167

    6.1.4  自定义过渡的类名 168

    6.1.5  同时使用过渡和动画 170

    6.1.6  显性的过渡持续时间 170

    6.1.7  JavaScript 钩子 170

    6.2  初始渲染的过渡 171

    6.3  多个元素的过渡 172

    6.4  多个组件的过渡 177

    6.5  列表过渡 178

    6.5.1  列表的进入/离开过渡 179

    6.5.2  列表的排序过渡 181

    6.5.3  列表的交错过渡 183

    本章小结 186

    练习6 186

    实训6   187

    7章  Vue项目开发环境与辅助工具部署 192

    7.1  部署de.js 192

    7.1.1  de.js简介 192

    7.1.2  de.js部署 194

    7.1.3  de.js模块系统 194

    7.1.4  de.js 创建1个应用 202

    7.2  de包管理器npm 203

    7.2.1  npm简介 203

    7.2.2  npm常用命令 204

    7.3  de.js环境配置 206

    7.4  webpack打包工具 208

    7.4.1  webpack简介 208

    7.4.2  webpack使用与基本配置 209

    7.4.3  webpack配置加载器 215

    7.4.4  webpack配置插件 222

    7.4.5  webpack配置开发服务器 228

    7.5  Vue CLI 235

    7.5.1  Vue CLI安装 236

    7.5.2  Vue CLI创建Vue项目 236

    7.5.3  Vue CLI可视化创建Vue项目 238

    本章小结 240

    练习7 240

    实训7   241

    8章  前端路由Vue Router 246

    8.1  Vue Router概述 246

    8.1.1  Vue Router的安装与使用 247

    8.1.2  Vue Router基础应用 247

    8.2  Vue Router应用 252

    8.2.1  动态路由匹配 252

    8.2.2  嵌套路由 254

    8.2.3  编程式导航 260

    8.2.4  命名路由 262

    8.2.5  命名视图 263

    8.2.6  重定向和别名 264

    8.2.7  路由组件传参 265

    8.2.8  HTML5 History模式 267

    本章小结 267

    练习8 268

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