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