vue3+element plus默认颜色修改

对于 Vue 3 和 Element Plus 组件库，修改默认颜色的方法与 Vue 2 类似。只需要在 `vue.config.js` 文件中添加以下代码：

const path = require('path');

module.exports = {
  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          modifyVars: {
            'primary-color': '#1890ff', // 修改主题色
            'link-color': '#1890ff', // 修改超链接颜色
            'border-radius-base': '4px', // 修改组件圆角
          },
          javascriptEnabled: true,
        },
      },
    },
  },
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src'),
      },
    },
  },
};

其中，`lessOptions` 用于配置 Less 变量，`javascriptEnabled` 需要设置为 `true`，以使 Less 变量生效。此外，`configureWebpack` 用于配置 Webpack 路径别名，以便在代码中引用 `@` 路径。

修改完 `vue.config.js` 文件后，就可以在组件中使用 Element Plus 的组件，自定义颜色就会生效了。注意，修改默认颜色也可能会影响到全局组件的样式，需要仔细考虑。