Vue 生命周期钩子

生命周期函数就是vue实例在某一个时间点自动执行的函数：

服务器端渲染期间生命周期被调用总共有8个函数：

1.初始化事件和生命周期：

beforeCreate: function() {

    console.log("beforeCreate")

}

2.初始化注入和反应性：

created: function() {

    console.log("created")

}

3.模板和数据相结合即将挂载到页面(这里数据没有被渲染)：

beforeMount: function() {

    console.log("beforeMount")

}

4.挂载到页面之后(这里数据被渲染)：

mounted: function() {

    console.log("mounted")}

5.数据发生改变还没重新渲染之前：

beforeUpdate: function() {

    console.log("beforeUpdate")

}

6.数据发生改变重新渲染之后：

updated: function() {

    console.log("updated")

}

7.组件即将被销毁：

beforeDestroy: function() {

    console.log("beforeDestroy")

}

8.组件已经被销毁：

destroyed: function() {

    console.log("destroyed")

}

PS:生命钩子函数不放在methods里面，而是放在实例内