最近做了一个项目,在里面用来很多继承好的组件,在对于如何引入文件的问题,我还是想做一下总结,方便再下次做项目的时候可以直接用:
1.引入element-plus:引入这个就比较简单,因为element-plus是专门为vue3设计的组件库,在使用的时候,按照下面步骤操作即可:
npm install element-plus --save
在main.js中引入:
import '../node_modules/element-plus/dist/index.css'
这样就可以在vue项目中使用了
2.在vue项目中引入boostrap,这里需要注意一点就是,在引入boostript之前需要引入jquery,所以本着方便的角度,我觉得还是使用element-plus比较省事,毕竟集成的组件基本上都差不多,但是boostscript中有个优点就是,里面有也继承了很多图标,一般不需要单独去下载:
(1)使用CDN加速器引入,在html文件中引入:
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"
integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
crossorigin&