关于MVVM和vue生命周期

MVVM

MVVM是前端视图层的分层开发思想,主要把每个页面分成了M、V、和VM,其中VM是MVVM思想的核心:因为VM是M和V之间的调度者,提供了数据的双向绑定。

具体关系如下图所示:
关于MVVM和vue生命周期_第1张图片

Vue的生命周期

每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。

beforeCreated(){
} //此时data.methods未被初始化,不可调用
② created(){
} //此时data.methods已被初始化,可以调用
③ beforeMount(){
} //模板已在内存中编辑完成,尚未渲染到页面中
④ mounted(){
} //内存中的模板已渲染到页面中,可视

上述①至④为 实例创建阶段 的生命周期

⑤ beforeUpdate(){
} //更新前状态
⑥ updated(){
} //更新完成时
⑦ beforeDestroy(){
} // 销毁前状态
⑧ destroyed(){
} //销毁完成时

具体的生命周期图可看官网上的图片,如下:
关于MVVM和vue生命周期_第2张图片

你可能感兴趣的:(vue,mvvm)