vue使用rem适配

在Vue中使用rem适配，可以通过以下步骤实现：

1. 安装postcss-pxtorem插件，该插件可以将px转换为rem。

  npm install postcss-pxtorem --save-dev

2. 在postcss.config.js中配置插件：

  module.exports = {
    plugins: {
      'postcss-pxtorem': {
        rootValue: 16, // 设计稿宽度/10
        propList: ['*']
      }
    }
  }

其中，`rootValue`表示设计稿宽度除以10，例如设计稿宽度为375px，则`rootValue`应为37.5；`propList`表示需要转换的属性，默认为`['font-size']`，此处设置为`['*']`表示所有属性都需要转换。

3. 在项目中引入lib-flexible库，该库可以根据屏幕宽度动态设置html的font-size值。

  npm install lib-flexible --save

在main.js中引入：

  import 'lib-flexible'

4. 在css文件中使用rem单位，例如：

  div {
    width: 2rem;
    height: 1rem;
    font-size: 0.8rem;
  }

这样，就可以在Vue项目中使用rem适配了。