vue 中使用组件 element -ui（layout布局，button，form）

vue 中使用组件 element -ui（layout布局，button，form）
element -ui：pc端组件库
有完整引入和按需引入
一般情况下移动端是按需引入，PC端是完整引入
&一：完整导入
下载 yarn add element-ui
&二：在main.js中引入（可以全局使用，每个路由组件中都可以直接使用）

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

Vue.use(ElementUI)

现在已经完成了完整引入，在你的任何路由组件中都可以使用
题外：在main.js中有这样一行代码

Vue.config.productionTip = false;

目的：屏蔽（console）提示
如果删除 ，在打印区中会出现you are running vue in development mode 。。。
（你在开发环境中运行vue）
layout布局

<template>
  <div class="login">
   <el-row :gutter="100">
  <el-col :span="4"><div  ></div></el-col>
  <el-col :span="4"><div ></div></el-col>
  <el-col :span="4"><div ></div></el-col>
  <el-col :span="4"><div ></div></el-col>
  <el-col :span="4"><div ></div></el-col>
  <el-col :span="4"><div ></div></el-col> 
</el-row>

  </div>
</template>
<script>
export default {
   
  data () {
   
    return {
   
     
    }
  
}
}
</script>
<style lang="scss" scoped>
.el-row{
   
  .el-col