生命周期（钩子函数）：一个组件从创建到销毁的过程就是生命周期
beforeCreate: 创建前
1、当前vue实例化的时候会做一个初始化的操作，在这个生命周期函数中我们可以做初始化的loading
2、在当前函数里面访问不到data中的属性，但可以通过vue实例对象（vm）访问
created：创建后
1、当beforeCreate执行完毕后，会执行created，在当前函数中我们可以访问到data中的属性。
2、当前生命周期函数执行的时候，会将data中所有的属性和methods身上所有的方法，都添加到vue实例身上，
同时会将data中的所有的属性添加一个getter/setter方法
3、如果需要进行前后端交互（ajax请求），需要在当前生命周期（created）中执行。
beforeMount: 挂载前
render函数（渲染）
render函数初次被调用---------数据和模板没有进行相结合，同时还没有渲染到HTML页面上
渲染前data数据中最后的修改
mountd：挂载后
1、数据和模板相互结合，渲染成真实的DOM结构
2、在当前生命周期里面我们可以访问真实的DOM结构
3、在vue中我们可以通过$refs来访问真实的DOM结构
4、ref类似于id一样，在当前作用域中值必须是唯一的。访问时通过this.$refs.属性
beforeUpdate：更新前
只要data中的属性发生了改变，那么这个生命周期函数就会执行，render函数就会再次执行
在这个函数中我们可以对数据进行最后的修改，同时也可以访问到最新的DOM结构和数据，一般不再这里访问，而是在updated访问
updated：更新后
在当前生命周期函数中我们可以访问到最新的DOM结构（数据更新后最新的DOM结构）和数据
beforeDestroy:销毁前
销毁之前还可以访问DOM结构，以及相关的数据（data）
在这个生命周期函数中我们可以将绑定的事件进行移除
destroyd：销毁后
在这个生命周期函数中，会将数据和模板之间的关系断开（自动的，不需要做）
我们还是可以访问data中的属性，但是不能访问真实的DOM结构了