视频资料来源:
<iframe src="//player.bilibili.com/player.html?aid=804122638&bvid=BV1Zy4y1K7SH&cid=373305851&page=49" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
正文:
第一个生命周期函数:beforeCreate:此时还没有开始对vue进行编译。因此在这个函数里面输出this(也就是vue本身),无法找到vue的配置项目(也就是data里面的东西)。
第二个生命周期:Creat:此时则可以找到vue的配置项目。
之后:进入菱形的方块,表示判断。看是否有el的配置项。
成功后进入下一步:通过template配置项来判断是否应该包含el绑定的块。
接下来的步骤在上图中有描述。依此是生命周期的更新流程。还有下图的生命周期的销毁流程。
P51:vue_生命周期_销毁流程。
见上图:函数名称是beforeDestroy()和Destroy(),在销毁vue以后(destroy()函数执行后),其参与的页面渲染成果并不会消失。并且在开发者工具中的vue栏中,找不到相关的vue。
p52:vue_生命周期)_总结;
总计有八个钩子:分别是creat两对,mount两对
updata两对,destroy两对,最常用的mount和beforeDestroy。