Vue3_关于CSS样式的导入方式

目录

• [1 在.vue文件中的style标签中](#1 在.vue文件中的style标签中)
• [2 将css样式保存到独立的css文件](#2 将css样式保存到独立的css文件)
• • script标签中导入
  • style标签中导入
• [3 全局引入main.js](#3 全局引入main.js)

1 在.vue文件中的style标签中

2 将css样式保存到独立的css文件

哪个.vue文件需要，就在哪里导入即可

创建css文件

script标签中导入

import './style/test.css'

style标签中导入

@import './style/test.css'

3 全局引入main.js

import './style/test.css'