自我学习汇总：VUE篇（入门篇02）

vue中的事件修饰符：

1.修饰符：用来决定事件触发的条件或决定事件是否触发。（详情查看vue官方文档）

常用的事件修饰符：

1. .stop
	1）.阻止事件冒泡（事件冒泡是指，如果元素和元素内部的事件类型一致，点击触发元素内的事件后，外层元素的相同事件也会被触发）
	2）.使用方式：<a v-on:click.stop="doThis"></a>
2. .prevent
	1）.阻止元素的默认行为
	2）.使用方式：<a v-on:click.prevent="doThis"></a>
3. .self
	1）.只关注当前元素本身的事件，不会被其他事件或冒泡所影响
	2）.使用方式：<div v-on:click.self="doThat">...</div>
4. .once
	1）.事件只会触发一次（相当于事件被触发一次后，事件就会失效）
	2）.使用方式：<a v-on:click.once="doThis"></a>

按键修饰符：

1.按键修饰符的作用：与键盘的按键进行绑定（具体信息可以在官方文档中"事件处理->处理码"中进行查找）
2.使用方式：
	1）.<input v-on:keyup.enter="submit">//Enter键
	2）.<input v-on:keyup.delete="submit">//Delete键

Axios的介绍：

1.新一代的异步请求技术，被vue的官方推荐使用

Axios的基本使用：

1.axios的使用：
	1）.通过npm(包管理工具)：npm install axios
	2）或引入在线标签：<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

使用Axios发送Get请求：

1.通过axios调用get方法，然后链式调用then（成功后执行的方法）、catch（失败后执行的方法） 方法

例：

使用Axios发送Post请求：

1.通过axios调用post方法（post方法有两个参数，第一个参数为url，第二个参数为data对象），然后链式调用then（成功后执行的方法）、catch（失败后执行的方法） 方法

例：

Axios的Resful风格：

1.发送get请求：		axios.get(url[, config])
2.发送delete请求：	axios.delete(url[, config])
3.发送post请求：		axios.post(url[, data[, config]])
4.发送put请求：		axios.put(url[, data[, config]])

Axios的并发请求：

1.什么是并发请求？
	1）.在同一时间发送多个请求，集中处理每个请求的响应结果
2.并发请求的使用：
	1）.每个请求单独创建一个function，然后通过axios.all([请求1,请求2,...]).then(axios.spread(function(返回结果1,返回结果2){}))，以此方式（axios.spread方法）进行结果的统一处理

例：

Vue中的生命周期（生命周期钩子）：

1.什么是生命周期钩子？
	1）.vue的生命周期函数就是生命周期钩子。
2.vue中生命周期的三个阶段？
	1）.初始化阶段：new Vue() （构建vue实例，在事件中完成vue实例的初始化）
	2）.运行阶段	 ：每次data属性的值修改时的监测与重新渲染并进行更新
	3）.销毁阶段	 ：销毁vue实例

生命周期图片示例（官方文档中提供）：

生命周期函数总结 示例：