生命周期，又称生命周期回调函数、生命周期函数、生命周期钩子。它是Vue在关键时刻帮我们调用的一些特殊名称的函数，它的名字不能更改，但函数的具体内容是程序员根据需要写的，this指向组件实例对象。
Vue实例的生命周期：4对
挂载流程：
初始化生命周期和函数，数据代理还未开始，调用beforeCreate函数；初始化数据监测和数据代理，调用created函数；开始解析模板，生成虚拟dom，页面还不能显示解析好的内容，调用beforeMount函数；
将内存中的虚拟dom转为真实dom插入页面，挂载完毕，调用mounted函数：
更新流程：此时数据是新的，页面是旧的，页面尚未和数据保持同步，调用beforeUpdate函数；根据新数据，生成新的虚拟dom，随后与旧的虚拟dom进行比较，最终完成页面更新，此时数据和页面都是新的，即页面和数据保持同步，调用updated函数；
销毁流程：调用销毁函数，会触发beforeDestroy函数＃##(此时data,methods都处于可用状态，马上要执行销毁过程，一般在此阶段，关闭定时器，取消订阅信息，解除自定义事件)和destroyed函数
3、组件化编程
传统方式编写应用，代码复用率不高
模块：复用js，向外提供功能的js程序
组件：实现应用中 局部功能代码 和 资源 的集合，复用编码，提高运行效率
组件化，应用中的功能是多组件的方式编写的，那么这个应用就是一个组件化的应用
3.1 非单文件组件：一个文件中包含n个组件
过程：创建子组件，调用Vue.extend函数，传入配置对象，配置对象中不能写el配置项，配置对象中data必须写成普通函数，添加template属性，填入模板(结构)，必须有一个根元素，可以在name配置项中编写组件在开发者工具中的名称；
注册子组件，所有组件都要经历vm的管理，(局部注册)在父组件中添加components属性，填入子组件，（全局注册，在全局调用Vue.component函数，传入组件名和组件位置，这样都可以用此子组件）；使用组件，在父组件容器内填写子组件标签(写非单文件组件没有高亮，但能学到很多)
组件库:
Element UI是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，了解设计指南,帮助产品设计人员搭建逻辑清晰、结构合理且高效易用的产品。提供了配套设计资源，帮助你的网站快速成型。由饿了么公司前端团队开源。
原文链接：https://blog.csdn.net/qq_44841839/article/details/124134659