vue的生命周期及钩子函数

var vm = new Vue()//创建一个vue实例对象
//初始化一些默认的事件和生命周期
beforeCreate () {}//在实例data和method函数被初始化出来前，不能调用data和method函数
//初始化data和method两个函数
created () {}//第二个生命周期函数，可以调用实例，但内容未被编译成模板
//判断有没有el元素，没有则等待调用，有就进行下一步，判断有没有template（模板）属性
//有则把模板近编译进渲染程序
//没有则把el元素指向的html当作模板
beforeMount () {}//第三个生命周期函数，可以调用实例，内容以被编译成模板字符串进入内存，并成为内存中的dom元素，但未挂载到页面
//将内存中编译好的模板挂载到真正的页面中去
mounted () {}//将内存中编好的模板真实地放入页面中去可以通过某些插件进行dom元素的操作
//创建完毕
//如果数据改变
beforeUpdate () {}//表示界面还没有更新，数据更新了，页面数据还是旧的
重新把最新的数据渲染到页面上去
updated () {}//表示页面已经和数据同步，在之前已经重新渲染并加入页面
//在销毁之前
beforeDestroy () {}
//销毁所有的东西
destroyed () {}

与下列官网的图一起学习，效果更佳