Vue引入CSS样式的方法

80 阅读 0 评论 53 点赞

我是靠谱客的博主苗条朋友，最近开发中收集的这篇文章主要介绍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样式的方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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