为什么vue.js执行在更新、更新和激活事件之前不触发？

此vue.js代码执行什么操作：

• 创建之前
• 创造
• 安装

但不是：

• 更新前
• 更新
• 激活

---

更新前

和更新后
事件将在组件更新后触发，但不会在初始化时触发

如果组件嵌套在组件内部，
激活
事件将触发


下面是一个例子：


Vue.component（'child'{
模板：“我是个孩子”，
已激活：函数（）{
这个.$nextTick（（）=>{
console.log（'in activated'）；
});
}
})
var vm=新的Vue({
el:“#应用程序”，
数据：函数（）{
返回{
信息：“这是一个测试。”
}
},
方法：{
changeText:function（）{
this.message='changed'；
}
},
beforeCreate:function（）{
这个.$nextTick（（）=>{
console.log（'inbeforecreate'）；
});
},
已创建：函数（）{
这个.$nextTick（（）=>{
console.log（'in created'）；
});
},
挂载：函数（）{
这个.$nextTick（（）=>{
console.log（“装入”）；
});
},
更新之前：函数（）{
这个.$nextTick（（）=>{
console.log（'更新前登录'）；
});
},
更新：函数（）{
这个.$nextTick（（）=>{
console.log（'in updated'）；
});
}
});

消息：{{Message}}
更新
仅当重新呈现组件时，才会执行生命周期事件
updated（）
和
beforeUpdated（）

在您的示例中，我引入了一个新变量
counter

data: function() {
    return {
        message: 'This is a test.',
      counter : 0
    }
  }

一个按钮用于更新
计数器
变量。单击按钮时，
计数器
变量将更新，这反过来将重新呈现组件，从而触发
beforeUpdate（）
和
updated（）
生命周期事件

<div id="app">
    <div>
        Message: <i>{{message}}</i>
    </div>
    <div>
        counter is {{counter}}
    </div>
    <div>
        <button @click="counter = counter+1">increase</button>
    </div>
</div>


消息：{{Message}}
计数器为{{counter}}
增加

我没有遇到
activated（）
事件。也许有人能帮忙

<div id="app">
    <div>
        Message: <i>{{message}}</i>
    </div>
    <div>
        counter is {{counter}}
    </div>
    <div>
        <button @click="counter = counter+1">increase</button>
    </div>
</div>