vue集成element-ui插件及应用

一、概念

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

二、项目集成

1.前期框架搭建内容如下↓

https://blog.csdn.net/qq_17025903/article/details/118187038

2.安装插件

命令:yarn add element-ui 

3.vue插件使用

import ElementUI from 'element-ui'

Vue.use(ElementUI)

复制到main.js下

HelloWorld.vue 删除没用的,增加按钮

按钮


App.vue下注释掉img logo

运行项目则会看到,因为没有引入css所以没有样式。

4.引用样式

引入main.js下

import 'element-ui/lib/theme-chalk/index.css'

引用样式后按钮样式发生变化

5.添加点击事件弹出消息

测试

猜你喜欢

转载自blog.csdn.net/qq_17025903/article/details/118188498
今日推荐