createPage(Object object)

注册小程序中的一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。

参数

Object object

属性	类型	默认值	必填	说明
data	function			返回组件实例的 data 对象的函数
props	array<string> | object			用于接收来自父组件的数据
computed	{ [key: string]: function | { get: function, set: function } }			计算属性将被混入到组件实例中
watch	{ [key: string]: string | function | object | array}			观察和响应当前活动的实例上的数据变动
beforeCreate	function			在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用
created	function			在实例创建完成后被立即调用。
beforeMount	function			在挂载开始之前被调用：相关的 render 函数首次被调用
mounted	function			实例被挂载后调用，这时 Vue.createApp({}).mount() 被新创建的 vm.$el 替换了。
beforeUpdate	function			数据更新时调用，发生在虚拟 DOM 打补丁之前。
updated	function			由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。
activated	function			组件激活时页面到前台显示时调用
deactivated	function			缓存的组件停用时页面隐藏到后台调用
beforeUnmount	function			在卸载组件实例之前调用、页面销毁前调用
errorCaptured	function			当捕获一个来自子孙组件的错误时被调用。
renderTracked	function			跟踪虚拟 DOM 重新渲染时调用。钩子接收 debugger event 作为参数。此事件告诉你哪个操作跟踪了组件以及该操作的目标对象和键。
renderTriggered	function			当虚拟 DOM 重新渲染为 triggered.Similarly 为 renderTracked，接收 debugger event 作为参数。此事件告诉你是什么操作触发了重新渲染，以及该操作的目标对象和键。
methods	{ [key: string]: function }			任意的函数，在页面的函数中用this可以访问

示例代码

export default createPage({
  data() {
    return {
      text: "This is page data.",
    };
  },
  beforeCreate() {
    // 页面创建前时执行
  },
  created() {
    // 页面创建时执行
  },
  beforeMount() {
    // 页面VNode渲染完成，挂载前执行
  },
  mounted() {
    // 页面首次渲染完毕时执行
  },
  activated() {
    // 页面出现在前台时执行
  },
  deactivated() {
    // 页面从前台变为后台时执行
  },
  beforeUnmount() {
    // 页面销毁前时执行
  },
  unmounted() {
    // 页面销毁时执行
  },
  methods: {
    // 事件响应函数
    viewClick: function () {},
  },
});