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样式失效

“margin:0 atuo;”是什么意思?

css怎么设置4个div并排显示

css怎么显示滚动条

css 如何显示部分图片

css width属性怎么用

一起看看vue实现打地鼠小游戏

css sprite是什么

css如何去掉color值

css浮动怎么做

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




打赏

取消

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

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

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

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

评论

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