第一种 引入外部css两种方法
1.在 main.js 文件下
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4009b41cbc8acfd52181e6023057109e.png)
2.引入 在app.vue 的style 中直接引入;
import ‘./assets/css/demo.css’
问题:如果引入的三方库,容易报错, 字体库冲突什么,所以不建议这么搞,自己自定义的就无所谓了;
**
第二种 引入方式 = link 引入方式; 在index.html文件中
**
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c5d3a1b9b59cac7e9eba451136ecbaa8.png)
总结:外部css样式,自己写的可以用import引入方式(推荐),如果是引入三方的,建议使用link引入方式,会兼容一些报错
mixin.js的使用
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/fdcd8d17999d25482fc566c9a69dbbc6.png)
如下样例:
定义混合mixin.js文件
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/37ce07a698ab95fc1a39031e481c531c.png)
局部引入
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d2290852d61d9550ef5da32fec8404af.png)
全局引入
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/23370d3c3d852bfb8af5d91aac844d6b.png)