【vuejs】首次页面加载时触发那些声明周期钩子函数

在Vue.js中，当组件首次加载到页面上时，会触发的声明周期钩子函数包括：

1. beforeCreate：在实例初始化之后，数据观测(data observer)和事件/watcher 设置之前被调用。
2. created：实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。
3. beforeMount：在挂载开始之前被调用，相关的 render 函数首次被调用。
4. mounted：el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用。

示例代码：

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  beforeCreate: function () {
    console.log('beforeCreate: 实例被创建之初，数据观测和事件/watcher 设置之前')
  },
  created: function () {
    console.log('created: 实例已经创建完成，属性和方法的运算，watch/event 事件回调')
  },
  beforeMount: function () {
    console.log('beforeMount: 挂载开始之前，相关的 render 函数首次被调用')
  },
  mounted: function () {
    console.log('mounted: el 被新创建的 vm.$el 替换，并挂载到实例上去之后')
  }
})

当你访问页面时，控制台将显示这些消息。