Vue组件库Element

Element组件

基于vue2.0的桌面端组件库
组件:超链接、按钮、图片、表格、分页条等
链接: Element链接
作用:用于组件优化页面

1.快速入门

  1. 安装ElementUi组件库(在当前项目中安装),在命令行执行 npm install [email protected]
  2. 在main.js文件下引入文件
    import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);
    Vue组件库Element_第1张图片

下载完成后,node_molules目录下会有一个element-ui组件
2. 在view下创建一个文件夹用于存放一个vue文件,该文件的作用是应用element-ui
Vue组件库Element_第2张图片
文件命名最好使用驼峰命名

  1. 进入element官网,寻找想要的组件,然后将组件放到创建的vue文件中。
    链接: https://element.eleme.cn/#/zh-CN
    Vue组件库Element_第3张图片

  2. 将ElementView.vue文件引入到App.vue
    Vue组件库Element_第4张图片

2.常见的组件

  1. table:
    table组件除了需要对