浅谈vue中改elementUI默认样式引发的static与assets的区别

站长资源 2024/11/28 佚名

2 0 1

首先从这说起 vue项目中的elementUI的默认样式怎么改

由于elementUI的样式太单调，比如这个slider滑块

elementUI中的API是没办法改变这个slider的颜色的，可是老板喜欢很黄，非要用yellow色。"color: #ff0000">这个css文件放在哪里呢？

vue中有个src下的assest文件是放静态资源的，还有个与src文件同级的static文件也是放静态资源的，这两个文件有什么区别呢？

我修改的elementUI的元素的css文件应该放在哪个文件假下面呢？

google一下之后了解到

区别一：assets文件是src下的，所以最后运行时需要进行打包，而static文件不需要打包就直接放在最终的文件中了

区别二：assets中的文件在vue中的template/style下用../这种相对路径的形式进行引用，在script下必须用@import的方式引入，而static下的文件在.vue中的任何地方都只要使用../这种相对路径的方式引入，

总结一下

1.assets最好用来放置样式、字体文件和图片等公共静态资源，只要src下面的组件中用到的资源就放在assets中

2.在项目中，经常会用带一些没有npm包的第三方插件，放在static中

对，就这样！

以上这篇浅谈vue中改elementUI默认样式引发的static与assets的区别就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

vue,elementUI,默认样式,static,assets

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“浅谈vue中改elementUI默认样式引发的static与assets的区别”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年11月28日

浅谈vue中改elementUI默认样式引发的static与assets的区别

vue中element组件样式修改无效的解决方法

Vue修改mint-ui默认样式的方法

评论“浅谈vue中改elementUI默认样式引发的static与assets的区别”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接