vue.js（23）生命周期（构造函数）

 图片来源于vue官网，注释是我自己加的，另外，红色的函数，是和methods放在同一级的，而不是放在methods里面

现在配合代码讲一下，我们在Header.vue文件里面加上这些函数

然后进入页面

beforeCreate：

created：

beforeMounted：

mounted：

（这个时候页面显示出来了）

beforeUpdate：

然后这个时候，并没有弹出任何对话框，因为我们没有点击任何Header.vue组件，现在，我们点击press按钮

它会告知你刚刚是组件未更新之前，并且press按钮所造成的影响还没有显示出来

updated：

组件变化的内容显示出来了