vue3页面加载完成时候进行postcss-px-to-viewport

你可以使用postcss-px-to-viewport插件来实现在Vue 3页面加载完成后自动转换px为vw单位。首先，确保你已经安装了postcss-px-to-viewport插件及其依赖。

接下来，打开你的项目根目录下的postcss.config.js文件，如果不存在则创建它。在这个文件中，添加以下配置：

module.exports = {
  plugins: {
    'postcss-px-to-viewport': {
      viewportWidth: 1920, // 视窗的宽度，对应设计稿的宽度
      viewportHeight: 1080, // 视窗的高度，对应设计稿的高度
      unitPrecision: 3, // 转换后的精度，即保留几位小数
      viewportUnit: 'vw', // 转换成的视窗单位
      selectorBlackList: ['.ignore'], // 需要忽略的CSS选择器，不会转换为视窗单位
      minPixelValue: 1, // 小于或等于1px不转换为视窗单位
      mediaQuery: false // 允许在媒体查询中转换px
    }
  }
}

上述配置中，你需要根据你的设计稿尺寸来设置viewportWidth和viewportHeight。然后，你可以根据需要调整其他配置项。

完成以上配置后，当你的Vue 3页面加载完成时，postcss-px-to-viewport插件会自动将CSS中的px单位转换为vw单位。

注意：在使用此插件之前，确保你的项目已经安装了postcss和postcss-loader，并已正确配置。