过滤器

过滤器的生命周期：

生命是生命周期呢？
当前组件在创建到销毁经历的一系列过程，称之为生命周期

生命周期的分为几个阶段？每个阶段有哪些钩子函数
生命周期分为3个阶段，这三个阶段分别是： 初始化 、 运行中 、 销毁
初始化阶段：有4个钩子函数 ， 触发条件是自动的

beforeCreate

组件即将创建，进行组件事件和生命周期的初始化
项目中一般不使用（ 兵哥 ）
有的开发者也会在这里进行数据请求
created

组件创建完成
项目中：
1） 异步请求接口数据
2） 数据修改
beforeMount

组件即将挂载
判断根实例组件是否有el选项，如果没有，那么手动挂载，判断根实例组件中的其他子组件是否有template选项，如果没有，那么使用outerHTML插入
项目中：
1） 异步请求接口数据
2） 数据修改
mounted

组件挂载结束
使用真实DOM替换VDOM
项目中
1） 异步请求接口数据
2） 数据修改
3） 真实DOM操作可以了( Vue一般情况下不要直接操作真实DOM, 一般可以进行第三方库的实例化（静态数据渲染来的） )
总结： 初始化过程中在项目中使用
数据请求：created
DOM操作： mounted
数据修改： beforeMount created mounted

运行中阶段：有2个钩子函数 ： 触发条件是： 当data选项中的数据发生改变时

beforeUpdate
内部操作 ： vdom生成和diff的对比
我们可以不使用
updated
Rdom已经生成，可以进行异步数据请求得到的dom渲染的第三方库实例化

销毁阶段： 有2个钩子函数

beforeDestory: 组件即将销毁，准备调用 $destroy() 方法

destoryed： 组件销毁结束

这两个钩子函数没有什么去别，功能很相似

项目中：
这两个钩子函数都可以用来做善后,把一些计时器，第三方库实例化出来的实例

组件销毁的两种方式：

1. 使用$destroy()方法（内部销毁）
   缺点： 会将组件的模板也保留下来
2. 使用开关销毁（外部销毁）
   v-if
   这种类型的销毁不会留有模板