Vue实例生命周期+琐碎知识点

.padStart(填充完长度，'用什么填充')
Vue 实例的生命周期 = 生命周期函数 = 生命周期事件

创建

1. new Vue({}) new一个vue实例对象
2. init event&lifecycle 初始化一个空的vue实例对象，这个对象上只有默认的生命周期函数和默认事件 其他东西还未创建
3. beforeCreate(){} 第一个生命周期函数
4. init data&methods
5. create(){} 第二个生命周期函数，如果要调用methos data，最早只能在create
6. has 'el' ? => has template ? => yes,在渲染函数里编译模版，
   这里表示vue开始编译模版，在vue代码中的哪些指令编译，最终生成一个模版字符串，然后把这个模版字符串渲染为内存中的dom ，只是在内存中，没有真正挂载到页面中秋中秋
   beforeMount(){}这个是遇到的第三个生命周期函数， 表示模版已经 编译完成 还未挂载
7. 将内存中编译好的模版 替换 到页面中去
   mounted(){} 这个是遇到的第四个生命周期函数，表示内存中的模板已经挂载到内存中去 他是实例创建期间的最后一个生命周期函数，当执行完mounted就表示，实例已经完全创建好了 此时如果没有其他操作的话 这个实例就静静的躺在内存中一动不动
   运行
   这两个函数 会根据data数据的改变 被触发 0-∞ 次
8. beforeUpdate(){} 当我们执行 此函数，页面中显示的数据是旧的，此时data的数据是最新的 页面尚未和最新的数据保持同步 m-v
9. updated(){} 执行此函数，页面和data已经保持同步了 ，都是最新的

销毁
beforeDestory(){} 实例身上所有的data methods 过滤器 指令 都处于 可用状态，此时还没有真正的执行销毁的过程
destory(){} 实例被完全销毁了 实例身上所有的data methods 过滤器 指令 都不可用了