在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是萧边共享你的全部内容。我希望能给你一个参考,希望你能支持它。