Vue初识3

Vue 键盘修饰符

• 事件.键值或建码 当按下这个键值，或者参数为建码时所对应的键值，才会触发 (一些特殊方法，回车等) .a.b ，a和b都会触发事件

过滤器

• 作用：常见的文本格式化

• 用处：插值表达式 v-bind表达式

• 用法：管道符（ | ）连接

• 全局过滤器，写在Main.js里

• 私有过滤器，写在vue文件下methods

自定义指令

• 全局自定义 Main.js

• directive: 第一个参数，自定义指令名字，第二个参数，对象

• bind：虚拟的DOM

• inserted：真实的DOM，当页面渲染完成后执行

• updata：更新操作发生后，触发的函数

• 私有自定义 和data评级 +directives,只用对象则代表bind（el:绑定的元素）函数，

对象内部加其他函数

生命周期

Vue从创建，运行到销毁的一个过程，会伴随各种事件，统称声明周期。

• beforeCreate（）{ } 创建之前，data和methods中的数据还没有初始化，获取不到data和methods中的数据，作用：页面重定向。

• created( ){ } 创建之后，第一个可以操作data和methods的生命周期，数据已经初始化。作用：数据初始化，接口请求。

render函数，生成虚拟dom。

• beforeMount 挂载前，虚拟的dom挂载 。

• mounted 真实dom挂载 第一个可以操作dom元素的生命周期。

更新操作生命周期执行0次或者无数次。

• beforeUpdate，更新前，data中的数据是最新的，页面中的数据是旧的，还未保持同步。

• updated，更新之后，data和页面中的数据都是最新的。

• beforeDestroy 销毁之前，页面还未被销毁，清空定时器和页面监听。

• destroyed 销毁之后。

axios和ajax的区别

• axios是通过Promise实现ajax技术的一种封装，

npm install … -S /-D

• get：axios.get(url:’ ') .then(res=>{ })

• post：axios.post(url:’ ',{data数据 },{请求头headers{“Content-Type”}}).then（res=>{ }）

常见状态码：200成功 401，403无权限 404失败 500服务器问题