生命周期函数
想要执行什么,写在对应的声明周期的函数中即可,这个函数vue中自己执行,它会内部进行判断,每个阶段会给它默认的权限
“生命过程”
beforeCreate(){}
组件创建出来就执行的函数,这里数据劫持和事件绑定等等都不会完成,在这里不能拿到data、methods里面的数据
created(){}
组件数据劫持和事件绑定等等完成,可以拿到data/method等里面数据,一般ajax请求的数据就会放在这这个函数中,在组件渲染元素之前执行,因此拿不到元素,会返回undefined
beforeMount(){}
在组件元素第一次渲染之前执行的,可以拿到data/methods等里面的数据,但是拿不到元素,与created差不多但是要比created晚
moutes(){}
组件元素渲染完成之后执行,可以拿到元素和数据
beforeUpdate(){}
元素更新之前执行该函数,元素更新之前执行
updated(){}
元素更新之后
注意:里面不可以存放改变页面更新的代码,否则会在beforeUpdate/updated来回切换,会死循环,可以获取页面渲染之后的元素
beforeDestroy
组件销毁之前触发的函数
destroyed
组件销毁之后执行的函数