Vue--生命周期函数
生命周期函数就是组件挂载、以及组件销毁的时候触发的一系列方法,这些方法叫做生命周期函数;
1 beforeCreate(){ 2 console.log('实例创建之前-1') 3 }, 4 5 created(){ 6 console.log('实例创建完成-2') 7 }, 8 beforeMount(){ 9 console.log('模板编译之前-3') 10 }, 11 mounted(){ 12 console.log('模板编译之后-4')//注意!!!请求数据和操作DOM放在这里面; 13 }, 14 beforeUpdate(){ 15 console.log('数据更新之前-5') 16 }, 17 updated(){ 18 console.log('数据更新之后-6') 19 }, 20 beforeDestroy(){ 21 console.log('实例销毁之前-7')//页面销毁之前要保存一些数据,就可以监听这个生命周期函数; 22 }, 23 destroyed(){ 24 console.log('实例销毁之后-8') 25 }
posted on 2018-06-15 14:36 changedman 阅读(128) 评论(0) 编辑 收藏 举报