在vue.js1生命周期的一个简短的讨论。X2X的实例。
在Vue.js,在实例化Vue,他们都存在于文本编辑HTML文本形式。实例化之后,它将经历三个主要阶段的创作,汇编,和破坏。以下是该vue.js 1生命周期图X实例:
1生命周期的vue.js钩。X
1。初始化
当实例开始初始化时调用同步。此时,数据观察、事件和监视程序尚未初始化。
2。创建
在创建实例化之后同步调用。此时,实例已结束解析选项。它已经建立了:数据绑定、计算属性、方法和观察者/事件回调。然而,DOM编译还没有开始,EL仍然不存在。
三.beforecompile
在编译开始之前调用。
4。编译
在编译结束后调用,此时指令已经生效,因此数据的更改将触发DOM更新,但它不能保证已插入到文档中。
5。准备好的
在编译结束后调用文件,并在文件的第一个插入处使用EL,比如第一个连接钩子之后。
6。附属的
在插入到DOM中时,调用EL。
7。独立的
当从DOM中删除EL时,调用它。它必须通过指令或实例方法被删除,而直接的操作也不会触发。
8。beforedestroy
当实例开始销毁时调用它,此时实例仍然是功能性的。
9。摧毁
实例被销毁后,所有的绑定和实例都被解开了,所有的子实例都被销毁了。
以下是该vue.js 2生命周期图X实例:
2生命周期的vue.js钩。X
1。丢弃准备和添加挂载
在1版本中,调用时间就绪的钩子函数在2后第一次被插入到DOM中,但不仅在浏览器中,服务器也可以呈现,因此垃圾准备和添加挂起的钩子函数,在DOM树上安装钩子函数调用时间。
2。废弃的beforecompile
在1。x版本,的beforecompile钩子函数在模板编译,丢弃在2版取代了。
三.废弃的编制
在1版本中,编译的调用在2版本中被丢弃,在编译模板和创建DOM之前被替换。
4。废弃的附
在1版本中,在插入DOM时调用附件,而2版本不一定创建真正的DOM,2版本被丢弃。
5。discarded detached
在1 x版本中,当调用分离来删除DOM时,2个版本不一定会创建真正的DOM,而2个版本将被丢弃。
6。新的beforecreate
beforecreate添加到2版本,这是之前的实例初始化,数据(数据观察)和事件/观察器事件配置。
7。新的beforemount
在2版本中,新的beforemount后观察家称,该模板被编译成的渲染方法,以及相关的渲染被称为第一次。钩子函数不在服务器渲染称。
8。新BeforeUpdate
新的2版本是BeforeUpdate DOM树生成后,在生成虚拟的DOM树,和呼叫的条件是,虚拟机实例已安装的钩子函数不在服务器渲染称。
9。新的更新
在2个版本中,新的更新是在生成DOM树之后调用的,调用条件是已经安装了VM实例。
10。新的活性
在2个版本中,激活被添加,在生成DOM树之后,调用条件是保持生存的组件。
11。新的活
一个新的失活被添加到2版本,即当Vue实例被摧毁,和呼叫状态的保持部件。钩子函数不在服务器渲染称。
对vue.js 1以上的生命周期。X和2。x是萧边共享你的全部内容。我希望能给你一个参考,希望你能支持它。