elmentui语法

Element UI是一个基于Vue.js的开源UI组件库，它提供了一套丰富、美观且易用的界面元素，用于快速构建企业级应用。其基本语法主要包括以下几个部分：

1. **安装**：首先通过npm或yarn安装Element UI及其依赖库。

npm install element-ui vue
# 或者
yarn add element-ui vue

2. **引入组件**：在Vue文件中，需要导入需要使用的组件并注册到Vue实例上。

import { Button } from 'element-ui';
import Vue from 'vue';

new Vue({
  components: {
    Button
  },
  // 其他配置...
});

3. **使用组件**：在模板中使用 `<el-button>`标签来创建按钮组件。

<template>
  <div>
    <el-button type="primary">点击我</el-button>
  </div>
</template>

4. **属性和事件**：每个组件通常都有许多预设属性和自定义事件，例如Button组件可以设置`type`属性改变样式，触发`click`事件响应用户点击。

<el-button type="primary" @click="handleClick">点击我</el-button>
<script>
  methods: {
    handleClick() {
      console.log('按钮被点击了');
    }
  }
</script>