vue生命周期

            以介绍vue1.0的生命周期引入

vue的生命周期,就是实例创建->编译->插入到document中->销毁,具体来以钩子函数体现,这样再对应的周期的函数内做些事情。

created:  实例已经创建

beforeCompile: 编译之前

compiled: 编译之后

ready: 插入到document中 //一般都在这里进行调用,比如在页面加载时候调用分页函数

beforeDestroy: 销毁之前

destroyed: 销毁之后


    
{{t}}
可以看到,当点击页面,销毁vue对象后,在向input输入数据,{{t}}不会随同变化,因为vue实例销毁了,双向绑定失效.

官网的vue1.0的生命周期的图:

vue生命周期_第1张图片
vue2.0生命周期的变化:

vue生命周期_第2张图片

* 推荐vue生命周期的文章 : https://segmentfault.com/a/1190000008010666

你可能感兴趣的:(vue生命周期,vue)