vue引入elementUI(第三方样式库)

Posted jack-cx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue引入elementUI(第三方样式库)相关的知识,希望对你有一定的参考价值。

前置:

      在已经安装好vue的前提下 ,没有安装vue参考: vue搭建教程

      elementUI官网组件使用文档: elementUI使用文档

 

1.终端直接运行安装命令

npm i element-ui -S

 

2. 打开vue项目在man.js引入elementui 

技术图片

 

3.直接在vue的文件使用elementUI的样式即可 例如布局的片段代码,使用过程中直接复制elementUI官网的代码进行修改即可

技术图片

 

以上是关于vue引入elementUI(第三方样式库)的主要内容,如果未能解决你的问题,请参考以下文章

SpringBoot + Spring Cloud +Vue 管理系统前端搭建(四引入第三方图标库)

Vue中修改组件库(如element ui)样式的可行方案

VUE: Scope模式下,修改Element ui样式

vue书写样式的两种方式

36《Vue 入门教程》Vue 第三方库的使用

36《Vue 入门教程》Vue 第三方库的使用