vue系列---vue项目如何使用element-ui?

Posted hujunwei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue系列---vue项目如何使用element-ui?相关的知识,希望对你有一定的参考价值。

1.安装依赖包;

npm i element-ui -S

2.在vue项目中的main.js文件中,拷进去如下代码;(注意:注释中,//与文字之间要有一个空格)

// 导入组件库
import ElementUI from element-ui// 导入组件相关样式
import element-ui/lib/theme-chalk/index.css// 配置vue插件
Vue.use(ElementUI)

3.打开ElementUI官网,找到要用的组件;

技术图片

 

 4.把上面的组件代码拷到vue页面中;

技术图片

 

 5.执行:npm run serve 即可!

技术图片

 

 

以上是关于vue系列---vue项目如何使用element-ui?的主要内容,如果未能解决你的问题,请参考以下文章

Vue项目中如何使用Element-UI以及如何使用sass

关于vue项目管理项目的架构管理平台

vue 快速入门 系列 —— 使用 vue-cli 3 搭建一个项目(上)

前端vue进阶实战:从零打造一个流程图拓扑图项目Nuxt.js + Element + Vuex

Vue3+CLI4 项目中如何使用Element-ui

Vue + Element UI:Vue + Element 案例