vue项目集成element ui

在上一个文章里面我们创建了一个初始化vue项目，使用第三方ui框架来搭建项目对后端开发人员是十分友好的。

1 引入

依赖指定版本
将依赖添加到package.json里面的合适位置

"element-ui": "^2.0.10"

2 引入组件

在main.js引入组件

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)

3 安装

npm install 

自动修复一些异常

npm audit fix

命令启动项目

npm run serve

使用ele ui组件

  <el-row class="mb-4">
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
    <el-button>中文</el-button>
  </el-row>

不错不错味道好极了