Vue引入CSS样式的方法

93 阅读 0 评论 62 点赞

我是靠谱客的博主苗条朋友，这篇文章主要介绍Vue引入CSS样式的方法，现在分享给大家，希望可以做个参考。

使用@import引入css样式

<template></template>
<style lang="scss" scoped>

 @import "../static/xxxx.css";  

</style>

js文件的引入

在main.js中：
import API from './assets/api/api.config.js'
Vue.prototype.$API = API;

其它html页面中引入css文件
内嵌式

<div style="width:100px;height:100px;border:1px solid #ccc"><div>

外联式

<link rel="stylesheet" href="wcss.css" type="text/css" />

style式

<style>

</style>

以上就是苗条朋友最近收集整理的关于Vue引入CSS样式的方法的全部内容，更多相关Vue引入CSS样式内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。