Vue 组件的生命周期

整个 vue 项目就是由一个一个的组件组成，每个组件各司其职，当需要看到某一个组件时， vue 框架就会创建该

组件，将组件的内容挂载到页面上面显示。当需要跳转页面时， vue 将会从 DOM 中卸载该组件，销毁它，然后创

建新的组件，将新组件挂在到页面中显示。这整个过程都是 vue 框架来管理的。

那么，如果有如下需求，该怎么做？

当组件对象创建成功后，打印一句话，发送一个请求。。。
当组件挂载完毕后，发送一个请求，加载新数据。。
当页面跳转、当前组件销毁之前，打印一句话，释放申请的内存资源。。。。
当.....
当.....
当.....

vue 组件的生命周期就是为了解决这些问题。当遇到这些业务需求时， vue 提供了编写相关业务代码的“生命周期

钩子方法“。这些方法会在组件使用的过程中的相应时间点自动被调用，我们有一些业务需求，可以选择在相应的

生命周期方法中来进行编写。

常见的生命周期钩子方法如下：

export default {

//create表示组件被创建的时间节点

// 在组件创建之前自动调用
beforeCreate(){ },
// 在组件创建完毕后自动调用
created(){ },

// mount表示组件对象创建完毕后被挂载在DOM树时的时间节点

// 挂载之前执行
beforeMount(){ },
// 挂载完毕后（会显示在浏览器中）执行
mouteded(){ },

// update表示组件的属性被更新时的时间节点

// 当前组件的数据被修改前执行
beforeUpdate(){ },
// 当前组件的数据被修改后执行
Updated(){ },

// destroy表示组件被销毁的时间节点
// 销毁前执行
beforeDestroy(){ },
// 销毁后执行
destroyed(){ }
}