生命周期：
1.beforeCreate (创建前)
实例初始化后发生的，这个时候this没有指向，data、methods等均不能使用。
2.created（创建后）
实例创建后发生的，这个时候可以查看data、methods,但是还不能对dom节点进行操作
3.beforeMount(载入前)
挂载开始之前被调用，render函数被调用
4.mounted（载入后）
挂载完毕，此时可以进行DOM操作
5.beforeUpdate（更新前）
数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前，在这个钩子中地更改状态，这不会触发附加的重渲染过程。
6.updated（更新后）
由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM 的操作。 然而在大多数情况下，你应该避免在此期间更改状态，因为这可能会导致更新无限循环。
7.beforeDestroy（销毁前）
实例销毁之前调用，一般在这一步做一些重置的操作。
8.destroyed（销毁后）
Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。
