Vue之生命周期和组件传参

本文将详细叙述Vue的生命周期和组件传参

生命周期

生命周期：从开始创建，初始化数据，模板编译，挂载dom->渲染，更新->渲染，准备销毁，销毁完成等一系列过程

BeforeCreate

该函数执行在组件创建、数据观测 (data observer) 和 event/watcher 事件配置之前，实例初始化之后被调用。
在该阶段组件未创建，不能访问数据，组件中的 data，ref 均为 undefined。

Created

该函数在组件创建完成后被立即调用，在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。
但是还未渲染成HTML模板，组件中的data对象已经存在，可以对data进行操作了，即可以访问数据，发请求，ref依旧是undefined，挂载阶段还没开始，$el 属性目前尚不可用。
一般我们可以将对数据的初始化和初始化页面的请求放到里面，结束loading。

BeforeMount

该函数在组件挂载之前，在该阶段页面上还没渲染出 HTML 元素，data 初始化完成，ref 依旧不可以操作，相关的 render 函数首次被调用。
可以访问数据，编译模板结束，虚拟 dom 已经存在。
该钩子在服务器端渲染期间不被调用。

Mounted

该函数是页面完成挂载之后执行的，这时 el 被新创建的 vm. e l 替换了，就可以操作 r e f 了，一般会用于将组件初始时请求数据的方法放到这里面， f i l t e r 也是在这里生效。如果根实例挂载到了一个文档内的元素上，当 m o u n t e d