vue里面怎么引入模块化css代码

使用css module

先看效果：

需要将样式文件命名为xxx.module.xxx

// styles/message.module.less

.message {
  color: red;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 999;
}

// main.js

import style from "./styles/message.module.less";
const div = document.createElement("div");
div.innerText = "这是一个红色居中的盒子";
div.className = style.message;
document.body.appendChild(div);```