举例说明Vue的生命周期,含代码 
时间: 2023-03-31 14:03:59 浏览: 28
Vue 的生命周期分为八个阶段,分别是 beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。
其中,beforeCreate 和 created 阶段是在 Vue 实例被创建之前和之后触发的,可以在这两个阶段中进行一些初始化操作。
beforeMount 和 mounted 阶段是在 Vue 实例挂载到 DOM 上之前和之后触发的,可以在这两个阶段中进行一些 DOM 操作。
beforeUpdate 和 updated 阶段是在 Vue 实例数据更新之前和之后触发的,可以在这两个阶段中进行一些数据操作。
beforeDestroy 和 destroyed 阶段是在 Vue 实例销毁之前和之后触发的,可以在这两个阶段中进行一些清理操作。
下面是一个简单的 Vue 生命周期的代码示例:
```
new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
beforeCreate: function () {
console.log('beforeCreate')
},
created: function () {
console.log('created')
},
beforeMount: function () {
console.log('beforeMount')
},
mounted: function () {
console.log('mounted')
},
beforeUpdate: function () {
console.log('beforeUpdate')
},
updated: function () {
console.log('updated')
},
beforeDestroy: function () {
console.log('beforeDestroy')
},
destroyed: function () {
console.log('destroyed')
}
})
```
相关推荐


















