实例声明周期:在mounted中请求数据
<script>
window.onload = function () {
var vm = new Vue({
el: '.box',
data: {
counter: 0
},
beforeCreate: function () {
console.log('beforeCreate ===== vm对象实例化之前')
},
created: function () {
console.log('created ===== vm对象实例化之后')
},
beforeMount: function () {
console.log('beforeMount ===== vm将作用标签之前')
},
mounted: function () {
// 请求数据
console.log('mounted ===== vm将作用标签之后')
},
beforeUpdate: function () {
console.log('beforeUpdate ===== 数据或者属性更新之前')
},
updated: function () {
console.log('updated ===== 数据或者属性更新之后')
}
})
}
</script>
<body>
<div class="box" @click="counter += 1">
vue对象的生命周期 : {{counter}}
</div>
</body>