element ui使用方法

第一步用nps安装npm i element-ui -S

第二步选择你的导入方式

全局导入的话就是在入口main中导入

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

按需导入的话也是在入口main中导入，然后在大括号内填入你使用到的功能名字
import { Button, Form, FormItem, Input } from 'element-ui'
// 引入element样式表
import 'element-ui/lib/theme-chalk/index.css'
// 使用组件
Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
还有一种使用功能的方法,把他注册到全局的原型上面去，然后在其他地方直接使用$加上自定义的名字就可以调用了
Vue.prototype.$这里随便起名字= MessageBox  -----》这是控件名字

分页器使用方法
   <!--  :current-page="page"绑定事件给这个事件，用于data调用数据的 -->
@current-change="自定义名字"是绑定方法的，后面名字自己起
  :pager-count='4' 是长度
:page-size="10"  是每一页你想要显示多少个数据
点击的时候会返回一个数据，这是方法
 // 分页
    handleCurrentChange(num) {
      console.log(`当前页：${num}`);
      // 保存页码
      (this.page = num),
        // 然后刷新重新获取数据
        this.listData();
    }
 

这是分页标签写法
  <el-pagination
        @current-change="handleCurrentChange"
        background
        layout="prev, pager, next"
        :total="total"
        :current-page="page"
        :page-size="5"
        :limit="limit"
        pager-count='4'
      >