生命周期图示

在整个周期过程当中，不同得阶段vue一共给了八个函数

生命周期函数也叫生命周期钩子

let vw = new Vue({ 
        el:"#app",
        data: {
            name: '张三',
            age: 20
        },

1. beforeCreate()

在创建之前，数据初始化之前

beforeCreate() {   

       console.log(this)

        console.log(this.name+' '+this.age )//值为 undefined

}

        //Vue实例，已经创建完成 console.log(this); 

        //Vue实例身上的数据还没有初始化完成 console.log(this.name+' '+this.age);

       //这个生命周期函数，基本上不用，除非要设置Vue实例得内容

2. created()

创建完成，数据初始化完成。
这个生命周期函数，通常用于初始化Vue管理的数据，比如：ajax请求。

3. beforeMount()

挂载之前(模板已经成功渲染，但是还没有将内容挂载到页面中。

4. mounted()

挂载完成模板已经成功渲染，并且已经将模板内容挂载到了页面
这个生命周期函数，通常用于对DOM的重新改动

5. beforeUpdate()

修改之前(数据已经改了，只是还没有重新挂载页面)

6. updated()

修改完成(数据已经改了，页面也已经重新挂载)

7. beforeDestroy()

销毁之前
对数据做任何的修改，都不会重新渲染到页面

8. destroyed()

销毁完成
不会销毁Vue实例
// 这个生命周期函数，几乎不用