运行过程

项目中的main.js是项目的入口，webpack会根据main.js将所有js文件嵌入到打包后build文件夹下的index.html里。

build文件夹下，index.html的由来是由public下的index.html而来的，

生命周期

• beforeCreate: 实例组件刚创建，元素DOM和数据都还没有初始化。
• created: 数据data已经初始化完成，方法也已经可以调用，Dom未渲染 可以在这里发送请求
• beforeMount Dom未完成挂载，数据初始化完毕，数据的双向绑定还是显示{{}}
• mounted 数据和DOM都完成挂载，在上一个周期占位的数据把值给渲染进去。 可以在这边请求，和created相比，mounted发送请求只是晚了几毫秒
• beforeUpdate 只要是页面数据改变了都会触发，数据更新之前
• updated 页面数据改变了都会触发，数据更新完毕，页面的数据是更新完成的。beforeUpdate和updated要谨慎使用，因为页面更新数据的时候都会触发，在这里操作数据很影响性能和容易死循环。
• beforeDestroy 页面销毁之前触发，刷新页面并不会触发，只有通过v-if销毁组件/页面等时才会触发
• destroyed 页面销毁之后触发 刷新页面并不会触发，只有通过v-if销毁组件/页面等时才会触发