vue怎么引用css


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

vue引用css的方法:1、全局引入,语法格式为“import 'css文件地址'”;2、局部引入,语法格式为“<style scoped>@import 'css文件地址';</style>”。

本教程操作环境:windows7系统、vue2.9.6版、Dell G3电脑。

Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。

在vue中引入外部的css文件:

在项目的src文件下,新建一个style文件夹,存放css文件。

1. 全局引入

将外部的css文件放到style文件下,引入外部文件只需在main.js文件中

1

import './style/reset.css'

我引入的是清除默认样式的css文件

阅读剩余部分

相关阅读 >>

如何解决css英文不自动换行的问题

css怎么改变光标颜色

css开发常用命名

css文件中怎么引用图片不显示

css实现文本两端对齐的方法

常见的css块级元素有哪些

css怎么设置文本左对齐

vue中disabled 的用法

怎么用css设置字体

css如何修改默认滚动条样式

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...