UniApp Vue 页面生命周期：比 onLoad() 更早的 beforeCreate() 函数

<template>
  <view>
    <text>{{ message }}</text>
  </view>
</template>
<script>
export default {
  beforeCreate() {
    console.log('beforeCreate');
    // 可以在此处进行一些初始化操作，例如获取页面参数
    // 但无法访问到页面组件的 data、methods 等属性和方法
  },
  data() {
    return {
      message: 'Hello uni-app'
    };
  },
  methods: {
    onLoad() {
      console.log('onLoad');
      // 在 onLoad() 函数中可以访问到页面组件的 data、methods 等属性和方法
    }
  }
};
</script>
<p>在 UniApp 的 Vue 页面中，比 onLoad() 函数更早执行的生命周期函数是 beforeCreate()。</p>
<p>beforeCreate() 生命周期函数会在页面组件实例化之前被调用，此时页面组件实例还未被创建，因此无法访问到页面组件的 data、methods 等属性和方法。</p>
<p>在 beforeCreate() 生命周期函数中，可以进行一些初始化操作，例如获取页面参数、进行数据预处理等。但需要注意的是，在 beforeCreate() 生命周期函数中无法访问到页面组件的 DOM 元素。</p>
<p>以下是一个示例代码：</p>
<p>在上述示例中，beforeCreate() 函数会在页面组件实例化之前被调用，可以在该函数中进行一些初始化操作。而 onLoad() 函数则是在页面加载完成后被调用，可以在该函数中访问到页面组件的 data、methods 等属性和方法。</p>