vue进入页面执行的钩子函数_vue-生命周期钩子函数

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。

1.生命周期函数beforeCreate 组件没有创建之前触发

created 组件创建完成没有渲染时触发

beforeMount 组件渲染之前触发

mounted 组件渲染之后触发

beforeUpdate data改变，组件更新前触发

updated data改变，组件更新后触发

beforeDestroy 组件销毁之前触发

destroyed 组件销毁之后触发

2.生命周期图示

3.生命周期函数基本用法

var vm = new Vue({

el: '#app',

data: {

msg:'ok'

},

methods: {

show:function () {

console.log("执行了show方法");

},

//调用钩子函数destroy

destroy(){

//通过this来调用，this表示全局对象

this.$destroy();

}

},

beforeCreate(){

/*

这是一个生命周期函数，表示在实例完全创建出来之前会执行他

在执行beforeCreate时，data和methods