element-ui入门

element-ui是一个基于Vue.js的UI组件库，可以帮助开发者快速构建现代化的Web界面。使用element-ui可以方便地引入各种常用UI组件和样式，提高开发效率。

入门element-ui的步骤如下：
1. 首先，在项目中引入element-ui。可以通过npm或者CDN的方式引入element-ui的核心js组件和样式。如果使用npm，可以在项目的main.js文件中导入ElementUI，并且通过Vue.use(ElementUI)来使用element-ui的组件和样式。如果使用CDN，可以在HTML文件中引入element-ui的js和css文件。

2. 在Vue页面中使用element-ui的组件。在需要使用element-ui组件的地方，可以直接在模板中使用element-ui提供的组件。例如，可以在一个div中使用el-button和el-dialog组件，来实现一个按钮和一个对话框。

示例代码如下：

<template>
  <div id="app">
    <el-button @click="visible = true">Button</el-button>
    <el-dialog :visible.sync="visible" title="Hello world">
      <p>Try Element</p>
    </el-dialog>
  </div>
</template>

<script>
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

export default {
  name: 'elementUi01',
  data() {
    return {
      msg: 'Welcome to Your Vue.js App',
      visible: false
    }
  }
}
</script>

以上就是使用element-ui的入门步骤。通过引入element-ui并使用其提供的组件和样式，可以轻松实现各种常见的UI效果。