VUE2 可视化使用 element-ui 组件库

1. VUE ui  创建项目VUE2  可视化使用 element-ui 组件库

2.插件  添加插件

VUE2  可视化使用 element-ui 组件库

3.搜索 vue-cli-plugin-element 并且安装

VUE2  可视化使用 element-ui 组件库

4.选择按需导入  不用全部引用  减小体积  (忘记截图了 网上找了一张 感谢~)

VUE2  可视化使用 element-ui 组件库

5.如图即为安装成功

VUE2  可视化使用 element-ui 组件库

 6.安装完成 启动项目  默认的配置

VUE2  可视化使用 element-ui 组件库

7.使用就类似于组件  先import 引用  再VUE.use(XXX)

  图中我使用了栅格化布局 和 走马灯(轮播图)   注意不要漏写组件 

VUE2  可视化使用 element-ui 组件库

VUE2  可视化使用 element-ui 组件库

 

完毕~

上一篇:Vue3和Vue2区别和CLI搭建项目


下一篇:VUE3.0-对比VUE2.X和VUE3.0的响应式