您的位置:首页 > Web前端 > Vue.js

常用的Vue生命周期函数

2019-02-27 23:50 302 查看

Vue生命周期函数:

组件挂载》组件更新》组件销毁时触发的一些方法,这些方法就叫做生命周期函数

[code]
beforeCreate(){
console.log('刚刚创建实例');

},
created(){
console.log('实例创建完成');

},
beforeMount(){

console.log('模板编译之前 ');

},
mounted(){
/* 请求数据,操作Dom时常用 */
console.log('实力挂载完成');

},
beforeUpdate(){
console.log('更新前')
},
updated(){
console.log('更新后')
},
beforeDestroy(){
/* 页面销毁时要保存数据,可以监听这个销毁的生命周期 */
console.log('实例销毁前')
alert('准备销毁')
},
destroyed(){
console.log('实力销毁后')
}
--------------------------------------------------------
//业务中常用的Vue生命周期函数
mounted(){
/* 请求数据,操作Dom时常用 */
console.log('实力挂载完成');

},

beforeDestroy(){
/* 页面销毁时要保存数据,可以监听这个销毁的生命周期 */
console.log('实例销毁前')
alert('准备销毁')
},

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: