Vue项目中引入CSS多种方式_main_局部样式在单文件组件中引入
Vue项目中引入CSS依赖的多种方式
方式一:在`main.js`或`main.ts`中全局引入
全局引入CSS是最常见的做法,因为它能保证所有组件都能看到这些样式。
步骤:
- 安装CSS库(例如:`npm install bootstrap`)
- 在`main.js`或`main.ts`中引入CSS文件(例如:`import 'bootstrap/dist/css/bootstrap.min.css'`)
- 启动Vue应用,样式应该已经应用
方式二:在单文件组件中引入
如果你只想在特定的组件中使用某个依赖的CSS样式,可以在该组件中引入。
步骤:
- 安装CSS库(例如:`npm install bootstrap`)
- 在Vue组件的`