下载element-ui(饿了么)依赖

npm i element-ui -S

注解:
i:install安装的缩写
-S:--save的缩写,把所下载的依赖放到正式开发环境的依赖下面

引入 Element

在 main.js 中写入以下内容:

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


Vue.use(ElementUI);

完整引入效果:

import Vue from 'vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue'
import router from './router'


Vue.config.productionTip = false
Vue.use(ElementUI);


new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

是否要自动补全
auto-complete="false"

表单中的校验规则

<template>
  <div>
    <!-- rules制作表单校验规则 -->
    <el-form :rules="rules">
      <!-- rules需要prop来绑定元素 -->
      <el-form-item prop="username">
      </el-form-item>
    </el-form>
  </div>
</template>

具体的看饿了么官网