vue的生命周期理解

生命周期可以更快的让你找出工作中的bug,也利于快速开发

在created之后才会有dom存在,created之后会看下有没有el,什么是el?el就是我们在main.js中绑定的一个元素如:el:#app

如果有el的话,它会看有没有templte如果没有的话;它会现看你有没有

或者 Vm.$mount(el)

如果有template就会往下走;执行你的模版

当我们走到了template渲染后请继续往下看:

5.beforeMount:指的是你现在开始编绎你的模版了,这个方法是在我们虚拟DOM中执行的,当前并不能看到对应的内容 ,因为它只是将你的东西进行挂载,但并没有挂载上去,之后的create vM $el and replace 'el' with it,是把我们所写的内容开始放进去,

6.mounted:我的们模版编绎完后开始挂载 ,当这个方法结束后;我们的页面就会显示出来

7.Mounted:接下来会走到这一步就是成功挂载后DOM就生成;生成后就可以进行更改,更改就是Updata,updata有两种

一种为beforeUpdata

1)  beforeUpdata:为你的组件在你更新之前需要的构造函数,

2)  updata :为更新之后页面全部出来了;