Vue 引入外部css样式两种方式 import 和link ； mixin.js的使用

2023年6月1日12:08:18

引入外部css

第一种引入方式 = import引入方式; 1.新建css 文件 src -> assets -> css ->demo.css 2.引入 在app.vue中进入 import './assets/css/demo.css'

问题:如果引入的三方库,容易报错, 字体库冲突什么,所以不建议这么搞,自己自定义的就无所谓了;

**

第二种 引入方式 = link 引入方式; 在index.html文件中

**
Vue 引入外部css样式两种方式 import 和link ； mixin.js的使用

总结:外部css样式,自己写的可以用import引入方式(推荐),如果是引入三方的,建议使用link引入方式,会兼容一些报错

mixin.js的使用

Vue 引入外部css样式两种方式 import 和link ； mixin.js的使用

如下样例：

定义混合mixin.js文件

Vue 引入外部css样式两种方式 import 和link ； mixin.js的使用

局部引入

Vue 引入外部css样式两种方式 import 和link ； mixin.js的使用

全局引入

Vue 引入外部css样式两种方式 import 和link ； mixin.js的使用

  • 作者：艾米家的猫儿（傻钢）
  • 原文链接：https://blog.csdn.net/qq_731335498/article/details/121374963
    更新时间：2023年6月1日12:08:18 ，共 286 字。