vue3设置rem布局

可以使用以下代码设置vue3的rem布局：

在main.js中添加以下代码：

import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)

app.config.globalProperties.$rem = function (px) {
  const baseFontSize = 16
  return px / baseFontSize + 'rem'
}

app.mount('#app')

在需要使用rem布局的组件中，可以使用以下代码：

<template>
  <div :style="{ fontSize: $rem(32) }">这是一个使用rem布局的文字</div>
</template>

其中，$rem(32)表示将32px转换为rem单位。