您现在的位置是:首页 >其他 >Vue的生命周期网站首页其他
Vue的生命周期
简介Vue的生命周期
created() {
console.log(this.name);
},
1.beforeCreate
在这个阶段进行初始化methods的方法,和data里面的变量做准备,无法进行使用。
export default {
data() {
return {
name:'李四'
}
},
beforeCreate(){
console.log(this.name);
},
components: {}
}
2.Created
created() {
console.log(this.name);
},
初始化阶段完毕,可以使用方法和变量。
3. beforeMount
<div ref="aa"></div>
beforeMount() {
console.log(this.$refs.aa);
},
在这个阶段不能获取真实的dom
4. mounted
mounted(){
console.log(this.$refs.aa);
},
可以获取真是的dom
5. beforeUpdate updated
更新前做准备
跟新完成后
6. beforeDestroy
销毁前做准备 任然能使用
7.destroyed
完全销毁
组件从诞生到消亡的全过程叫做组件的生命周期。
风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。