15.生命周期钩子
2019-07-10 本文已影响0人
nora_wang
export default {
name: "doubanAxios",
data(){
return{
doubanData:[]
}
},
created(){
var url = this.HOST + '/v2/movie/coming?apikey=0df993c66c0c636e29ecbb5344252a4a';
this.$axios({
method:'get',
url:url,
}).then(res=>{
console.log(res);
}).catch(error=>{
console.log(error);
});
}
}
Vue提供的生命周期钩子如下:
① beforeCreate在实例被完全创建之后,触发这个钩子函数,此时data和nethods还没有被初始化。
② created在实例已经创建完成之后被调用,data和nethods已经创建完成,模板还没有开始编译。
③ beforeMount在挂载开始之前被调用。模板已经编译完成,(把data里面的数据和模板生成html),存在内存中。但此时还没有挂载html到页面上。
④ mounted。此时编译好的模板(data和methods)挂载到了html页面中,此时一般可以做一些Ajax操作。注意mounted只会执行一次。
⑤ beforeUpdate在状态更新之前调用,此时内存中的数据已经更新完成,但是页面渲染的数据还没有更新。不会触发附加的重渲染过程。
⑥ updated实例更新完成。此时data中的状态值和页面渲染的数据都更新完成。然而在大多数情况下,应该避免在此期间更改状态,因为这可能会导致更新无限循环。该钩子在服务器端渲染期间不被调用。
⑦ beforeDestroy在实例销毁之前调用。实例仍然完全可用。
⑧ destroyed在实例销毁之后调用。调用后,所有的事件监听器会被移除,所有的子实例也会被销毁。该钩子在服务器端渲染期间不被调用。