小程序mounted

小程序的unmounted是指小程序页面被销毁的过程。当小程序页面从前台切换到后台，或者小程序被关闭时，页面会触发unmounted事件。在unmounted时，可以进行一些清理工作，例如取消网络请求、清除定时器等。同时，也可以在unmounted时保存页面的一些状态信息，以便下次再次打开时可以恢复页面的状态。

相关问题

UniAPP mounted onload

根据提供的引用内容，UniAPP中没有onLoad生命周期函数，而是使用onLoad生命周期函数的小程序框架（如微信小程序）。在UniAPP中，可以使用mounted生命周期函数来代替onLoad生命周期函数。mounted生命周期函数会在页面渲染完毕后执行，可以在该函数中进行一些初始化操作。

以下是UniAPP中使用mounted生命周期函数的示例代码：

<template>
  <view>
    <text>{{ message }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello World!'
    }
  },
  mounted() {
    console.log('页面渲染完毕')
  }
}
</script>

在vue3+vite小程序使用rem适配，小程序没有document

在小程序中，确实没有像浏览器中的 `document` 对象来直接设置根元素的字体大小。因此，在 Vue 3 + Vite 构建的小程序中使用 rem 适配时，可以通过以下方法来实现：

1. 在 `App.vue` 或者你的根组件中，使用 `wx.getSystemInfoSync()` 方法获取屏幕的宽度信息。

<template>
  <div class="container">
    <!-- 内容 -->
  </div>
</template>

<script>
export default {
  mounted() {
    const res = wx.getSystemInfoSync();
    const windowWidth = res.windowWidth;
    const ratio = windowWidth / 750; // 设计稿宽度为750px
    const fontSize = 16 * ratio; // 根据设计稿和屏幕宽度计算字体大小
    wx.setStorageSync('fontSize', fontSize); // 将字体大小存储在缓存中，供其他组件使用
  },
};
</script>

2. 在需要使用 rem 单位的组件中，通过计算属性获取字体大小。

<template>
  <div class="text" :style="{ fontSize: fontSize + 'rpx' }">
    <!-- 文本内容 -->
  </div>
</template>

<script>
export default {
  computed: {
    fontSize() {
      return wx.getStorageSync('fontSize');
    },
  },
};
</script>

在这个例子中，我们使用了 `wx.getSystemInfoSync()` 方法获取屏幕宽度，并将其转换为 rem 单位所需的字体大小。然后，我们将字体大小存储在缓存中，以便其他组件可以使用。在需要使用 rem 单位的组件中，我们通过计算属性获取缓存中的字体大小，并将其应用于相应的元素上。

这样，你就可以在 Vue 3 + Vite 构建的小程序中使用 rem 单位进行适配了，尽管小程序没有 `document` 对象。