详解Vue生命周期的示例

详解Vue生命周期的示例

一 vue的生命周期如下图所示(很清晰)

二 vue生命周期的栗子

注意触发vue的created事件以后,this便指向vue实例,这点很重要

vue生命周期

{{a}}

我是内容二

将上面代码贴入后,在chrome控制台进行控制,刚开始载入页面的时候触发的事件是:

在控制台触发detached 事件如下(注意DOM已删除,但是实例仍然存在):

在控制台触发beforeDestroy和destroyed事件如下:(注意destroyed事件触发后,是解绑实例,不是删除实例)

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。