Vue 生命周期

Vue 生命周期

生命周期就是 Vue 实例从创建到销毁的过程
包括初始化数据、编译模板、挂载 Dom、渲染->更新->渲染、销毁等过程

1. beforeCreate

在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用

2. created

2.1 在实例创建完成后被立即调用

1. 此时实例已完成以下的配置：数据观测 (data observer)，property 和方法的运算，watch/event 事件回调
2. 此时挂载阶段还没开始，$el property 目前尚不可用
3. 组件创建完，但组件并没有被挂载到页面上，页面还未被渲染

2.2 发送请求获取后台数据

1. 在模板渲染成 html 前或者模板编译进路由前调用，得到数据，再渲染成视图

2. 网络请求加载数据是在组件创建好之后、页面渲染之前，即 created 钩子中

2.3 将数据保存到 data 中

因为函数里面都是局部变量，一旦函数执行完，函数里的变量就会被回收掉

2.4 created 钩子中代码要简化

created 钩子里最好只处理主要逻辑，将具体的方法实现放到 methods 中

created () {
   
    // 将created钩子中的代码简化，处理主要逻辑，具体的方法实现交给methods
    // 1.请求多个数据
    this.getHomeMultidata()
    // 2.请求商品数据
    this.getHomeGoods('pop')
    this.getHomeGoods('new')
    this.getHomeGoods(