Vue中引入ElementUi

1.安装Element-UI框架

官网：npm i element-ui -S
也可以是
npm install element-ui –save

2.在main.js中引入对应js和css

1
2
3

import ElementUI from 'element-ui'

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

3.让Vue使用ElementUI

1

Vue.use(ElementUI)

通过以上步骤就可以在项目中使用（包括this.$message弹窗也能被识别）ElementUI了。

当然我们有时候可能只是想使用弹窗功能，只需按以下步骤即可：

1.安装Element-UI框架

官网：npm i element-ui -S

也可以是

npm install element-ui –save

2.在main.js中引入对应js和css

1
2
3
4
5

import {
Message
} from "element-ui"

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

3.引入ElementUI的Message模块，并挂在到Vue中

1
2
3
4
5

import {
Message
} from "element-ui"

Vue.prototype.$message = Message;

这样我们就可以通过：this.$message(‘弹窗出来了’)

来使用弹窗功能。