vue的生命周期
2021-04-04 10:10:26 19 举报
请大家不要直接克隆，动手梳理一遍才会变成自己的知识
作者其他创作
大纲/内容
beforeUpdate
挂载完成控制台输出 hi~
页面数据未发生更改就不会执行
执行vue的销毁过程
因为还未挂载到页面所以控制台输出{{ msg }}
初始化data参数和methods方法，本来是init data&methods
控制台输出undefind和hello is not a function
成功输出msg和成功运行hello方法
destoried
created
将编译好的模板替换到页面中去
mounted
beforeMount
此时vue从运行状态进入销毁状态但是还未开始销毁vue实例的data、methods都是还可以使用的
在这里vue会在内存编译模板，把模板字符串渲染成虚拟dom此时只是渲染dom节点，还未挂载到页面中
数据更新、挂载到页面控制台输出 bye~
beforeDestory
var vm = new Vue({ })
把更新数据的节点重新渲染到页面
vue实例已经被销毁了data、methods不可用
数据被更改，但是未更新控制台还是输出 hi~
beforeCreate
updated
初始化一个空的vue实例，此时data和methods都还不存在
每个钩子函数的验证代码在我主页微服务-vue的b style=\
0 条评论
回复 删除
下一页
