优百课栈

标题: 《Vue.js快速入门》_申思维 [打印本页]

作者: aixure 时间: 2023-1-22 09:56
标题: 《Vue.js快速入门》_申思维
内容简介[url=]编辑[/url][url=] 播报[/url]
全书分为8章，内容包括Vue.js概述、Vue.js的安装、定义页面、渲染视图、路由、发送HTTP请求、表单的绑定和提交、打包、部署、解决js的跨域问题、Debug、Component、Mixin、Vuex、页面的生命周期等，最后还给出一个实战案例供读者了解Vue.js项目开发过程。本书适合Vue.js初学者、Web前端开发人员，也适合高等院校和培训学校的师生教学参考。

作者简介[url=]编辑[/url][url=] 播报[/url]
申思维，软件行业老兵。

书籍目录[url=]编辑[/url][url=] 播报[/url]
第1章Vue.js概述 1 [1]
1.1单页应用的出现 1
1.2为什么要使用Vue.js 2
1.2.1单页应用 2
1.2.2知名的单页应用（SPA）框架对比 5
1.2.3被腾讯和阿里巴巴所青睐 9
1.2.4用到Vue.js的项目 9
第2章原生的Vue.js 10
2.1极速入门 10
2.2实际项目 11
2.2.1运行整个项目 12
2.2.2HTML代码的<head>部分 18
2.2.3HTML代码的<body>部分 19
2.2.4js代码部分 21
2.2.5小结 25
第3章Webpack+Vue.js开发准备 26
3.1学习过程 26
3.1.1可以跳过的章节 26
3.1.2简写说明 26
3.1.3本书例子文件下载 27
3.2NVM、NPM与Node 27
3.2.1Windows下的安装 28
3.2.2Linux、Mac下的安装 31
3.2.3运行 31
3.2.4使用NVM安装或管理node版本 32
3.2.5删除NVM 33
3.2.6加快NVM和NPM的下载速度 33
3.3Git在Windows下的使用 34
3.3.1为什么要使用GitBash 34
3.3.2安装git客户端 35
3.3.3使用GitBash 40
3.4Webpack 41
3.4.1Webpack功能 42
3.4.2Webpack安装与使用 43
3.5开发环境的搭建 44
3.5.1安装Vue.js 44
3.5.2运行vue 44
3.6Webpack下的Vue.js项目文件结构 45
3.6.1build文件夹 46
3.6.2config文件夹 46
3.6.3dist文件夹 47
3.6.4node_modules文件夹 47
3.6.5src文件夹 49
第4章Webpack+Vue.js实战 50
4.1创建一个页面 50
4.1.1新建路由 50
4.1.2创建一个新的Component 51
4.1.3为页面添加样式 52
4.1.4定义并显示变量 53
4.2Vue.js中的ECMAScript 55
4.2.1let、var、常量与全局变量 55
4.2.2导入代码：import 56
4.2.3方便其他代码使用自己:exportdefault{..} 56
4.2.4ES中的简写 57
4.2.5箭头函数=> 57
4.2.6hash中同名的key、value的简写 58
4.2.7分号可以省略 58
4.2.8解构赋值 58
4.3Vue.js渲染页面的过程和原理 59
4.3.1渲染过程1：js入口文件 59
4.3.2渲染过程2：静态的HTML页面（index.html） 61
4.3.3渲染过程3：main.js中的Vue定义 62
4.3.4渲染原理与实例 63
4.4视图中的渲染 64
4.4.1渲染某个变量 64 [1]
4.4.2方法的声明和调用 65
4.4.3事件处理：v-on 66
4.5视图中的Directive（指令） 67
4.5.1前提：在directive中使用表达式（Expression） 67
4.5.2循环：v-for 67
4.5.3判断：v-if 69
4.5.4v-if与v-for的优先级 70
4.5.5v-bind 72
4.5.6v-on 73
4.5.7v-model与双向绑定 75
4.6发送http请求 77
4.6.1调用http请求 78
4.6.2远程接口的格式 80
4.6.3设置Vue.js开发服务器的代理 81
4.6.4打开页面，查看http请求 83
4.6.5把结果渲染到页面中 84
4.6.6如何发起post请求 85
4.7不同页面间的参数传递 86
4.7.1回顾：现有的接口 86
4.7.2显示博客详情页 87
4.7.3新增路由 88
4.7.4修改博客列表页的跳转方式1：使用事件 89
4.7.5修改博客列表页的跳转方式2：使用v-link 91
4.8路由 92
4.8.1基本用法 92
4.8.2跳转到某个路由时带上参数 93
4.8.3根据路由获取参数 94
4.9使用样式 94
4.10双向绑定 96
4.11表单项目的绑定 99
4.12表单的提交 102
4.13Component组件 105
4.13.1如何查看文档 105
4.13.2Component的重要作用:重用代码 106
4.13.3组件的创建 106
4.13.4向组件中传递参数 108
4.13.5脱离Webpack，在原生Vue.js中创建component 110
第5章运维和发布Vue.js项目 112
5.1打包和部署 112
5.1.1打包 112
5.1.2部署 114
5.2解决域名问题与跨域问题 117
5.2.1域名404问题 118
5.2.2跨域问题 119
5.2.3解决域名问题和跨域问题 120
5.3如何Debug 122
5.3.1时刻留意本地开发服务器 122
5.3.2看developertools提出的日志 122
5.3.3查看页面给出的错误提示 123
5.4基本命令 125
5.4.1建立新项目 125
5.4.2安装所有的第三方包 125
5.4.3在本地运行 126
5.4.4打包编译 127
第6章进阶知识 128
6.1js的作用域与this 128
6.1.1作用域 128 [1]
6.1.2this 130
6.1.3实战经验 131
6.2Mixin 133
6.3使用ComputedProperties（计算得到的属性）和watchers（监听器） 135
6.3.1典型例子 135
6.3.2ComputedProperties与普通方法的区别 136
6.3.3watchedproperty 137
6.3.4ComputedProperty的setter（赋值函数) 140
6.4Component（组件）进阶 141
6.4.1实际项目中的Component 142
6.4.2Prop 144
6.4.3Attribute 146
6.5Slot 146
6.5.1普通的Slot 147
6.5.2namedslot 148
6.5.3slot的默认值 149
6.6Vuex 150
6.6.1正常使用的顺序 150
6.6.2Computed属性 154
6.6.3Vuex原理图 155
6.7Vue.js的生命周期 156
6.8最佳实践 157
6.9EventHandler事件处理 158
6.9.1支持的Event 158
6.9.2使用v-on进行事件绑定 159
6.10与CSS预处理器结合使用 168
6.10.1SCSS 168
6.10.2LESS 169
6.10.3SASS 170
6.10.4在Vue.js中使用CSS预编译器 171
6.11自定义Directive 172
6.11.1例子 172
6.11.2自定义Directive的命名方法 173
6.11.3钩子方法（HookFunctions） 174
6.11.4自定义Directive可以接收到的参数 174
6.11.5实战经验 175
第7章实战周边及相关工具 176
7.1微信支付 176
7.2HybridApp：混合式App 177
7.3安装Vue.js的开发工具：Vue.jsdevtool 178
7.4如何阅读官方文档 181
第8章实战项目 183
8.1准备1：文字需求 183
8.2准备2：需求原型图 186
8.2.1明确前端页面 186
8.2.2如何画原型图 186
8.2.3首页 186
8.2.4商品列表页 187
8.2.5商品详情页 187
8.2.6购物车页面 188
8.2.7支付页面 188
8.2.8我的页面 189
8.2.9我的订单列表页面 189
8.2.10总结 190
8.3准备3：微信的相关账号和开发者工具 190
8.3.1微信相关账号的申请 190
8.3.2微信开发者工具 190
8.4项目的搭建 192
8.5用户的注册和微信授权 193
8.6登录状态的保持 202
8.7首页轮播图 203
8.8底部Tab 213 [1]

欢迎光临优百课栈 (https://www.ubkz.com/)