vue.js怎样引入css样式-木庄网络博客

2022-04-18 04:21:43 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者coldplay.xixi，侵删。

vue.js引入css样式的方法：1、在【app.vue】中【<style>】下直接引入对应的路径；2、将【@import】改成【<style src=""></style>】引入外部样式。

【相关文章推荐：vue.js】

vue.js引入css样式的方法：

1、在app.vue中<style>下直接引入对应的路径

使用@import引入外部css，作用域是全局的，也可在相应的单vue组件引入，import并不是引入代码到<style></style>里面，而是发起新的请求获得样式资源，并且没有加scoped。

<style scoped>
 @import "../static/font/iconfont.css";
</style>

注：如果有样式时，应该放在#app上面引入，不然引入不成功！

相关阅读 >>

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

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者