vue中element-ui组件的使用

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

（1）通过npm安装：

npm install element-ui --save-dev

（2）完整引入，全局配置：

在main.js中引入：

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

Vue.use(Element, {size: 'small', zIndex: 3000})

下面说一下提示框与分页组件的用法：

1.Message消息提示

this.$message({
  message: data.message, // 提示信息
  center: true, // 文字是否居中
  type: 'success', // 提示框样式，有：消息、成功('success')、警告('warning')、错误('error')
  duration: 3000 // 显示时间，默认为3000ms  
})

2.Pagination分页

在父组件，通过vue的.snyc修饰符，实现page的双向绑定。例如：