生命周期：
一个组件从开始到最后消亡的所经历的各种状态
beforeCreate(创建前)
详情：实例初始化之后，组件被创建时，此时el,data,message都是undefined
场景：可以加入loading事件，在服务器端的应用场景中，这个时候发送数据请求比较多一些
created（创建后）
详情：实例创建完成后，data、methods被初始化
场景：结束loading事件，可以在这个时候发送请求数据，尤其是返回的数据与绑定事件有关时。
beforeMount（载入前）
详情：完成el和data初始化，在挂载开始之前被调用
场景：可以发送数据请求
⚠️：在服务器端渲染期间不会被调用
mounted（载入后）
详情：vue实例已经挂载在页面中
场景：获取el中DOM元素，进行DOM操作。如果返回的数据操作依赖DOM完成，推荐在这个阶段完成
⚠️：在服务器端渲染期间不会被调用
beforeUpdate（更新前）
详情：数据更新时调用
场景：挂载完成之前访问现有DOM，比如：进一步修改数据
⚠️：在服务器渲染期间不会被调用，只有初次渲染会在服务端调用
updated（更新后）
详情：由于数据更改，重新渲染时调用‘场景：可执行依赖与DON的操作
⚠️：服务器端渲染期间不会被调用
beforeDestory (销毁前)
详情：实例销毁之前调用
场景：实例销毁之前，执行清理任务
⚠️：服务器端渲染期间不会被调用
destoryed(销毁后)
详情：vue实例销毁后调用。
场景：已删除
⚠️：服务器端渲染期间不会被调用
