以下有中文说明
一、编制期限：1.1 beforeCreate：
Vue或组件刚刚实例化，尚未创建data、methods。
在初始化实例之前调用
beforeCreate () { console.log、this.a )实例初始化前；1.2 created：
现在已经创建了data和methods，可以使用了。 模板还没有编译。
实例初始化后调用，常用于处理数据并启动ajax请求
created () { console.log实例初始化后)、this.a )；1.3 beforeMount：
创建的下一个阶段。 此时模板已编译，但未出现在网页上。
如果在服务器端进行渲染，则在装载开始之前调用
此函数无法获取元素
beforeMount () console.log )、this.$refs )和box )； //vue挂载前undefined}，1.4 mounted：
模板代码已经加载到网页上。 此时，所有事情都将在创建期间准备好并运行网页。
装载后调用，而不是在服务器端渲染时调用
此函数允许您获取和操作元素
mounted () console.log )、this.$refs['box']； //vue挂载后div id='box' … /div }，二、运行时间：2.1 beforeUpdate：
在网页运行过程中，data中的数据可能会更新。 在此阶段，数据只是用data更新，但没有在模板中更新，因此在网页上仍显示以前的内容。
在更新视图层数据之前调用，虚拟DOM在修补之前发生。 这里适合在更新前访问现有的DOM
beforeUpdate () { console.log、this.$refs.span.innerHTML )；2.2 updated：
数据已用data更新，在网页上也已更新。
在视图层数据更新后调用
updated () { console.log )、视图更新后)、this.$refs.span.innerHTML )；三、销毁期限：3.1 beforeDestroy：
在Vue实例或组件被销毁之前执行的函数。 Vue或组件中的所有属性都可以用于此函数。
在实例被销毁之前调用，并在被销毁的组件中调用
实例被销毁时仍在执行一些操作。 此时，为了性能，您要在此结束哪个操作
components : { cmpsize : } template : ' div这是子部件/div '，它是在//当前实例被销毁之前使用的beforedestroy({console.log
在Vue实例或组件被销毁后运行。 现在，Vue实例上的所有内容都将解除绑定，所有事件都将被删除，所有子元素都将被销毁。
实例销毁后的调用
components : { cmpsize : } template : ' div这是子组件/div '，//在销毁当前实例时destroyed () { console.log }，} }