VUE2生命周期图
首先上一张图这是VUE的官方文档中生命周期的流程图
下面我们来进行一下测试,测试代码如下:
注:因为DOM的操作的成本很高、很慢虽然之后出现jQuery这样十分方便的选择器方便我们操作DOM但是聪明的程序员不仅仅满足这样的方式,这时便出现了MVVM的框架,我们可以使用数据驱动视图变化,我们无需去操作DOM只要数据变化了,DOM视图会自动取刷新,这样大大提高了效率,虚拟DOM其实就是一种用Js去模拟DOM的一种方式,如果数据更新先去操作虚拟DOM最后再创建成真实的DOM节点。详情原理请参看这边文章: