1.按需引入

首先,需要安装element-ui, npm install element-ui --save
然后,在main.js文件中按需引入

import Vue from 'vue'
import {
    Button,
    Message,
    Form,
    FormItem
} from 'element-ui';

//由于Message组件并没有install方法供Vue来操作的,是直接返回的,因此按照官方文档单独引入的方法会报错的,需要给 Message 添加 install 方法
Message.install = function (Vue) {
    Vue.prototype.$message = Message
}

Vue.use(Button)   
Vue.use(Message)

2.cdn引入

1.在public文件夹中的index.html文件引入vue,element-ui,element-uicss样式文件。
2.在vue.config.js文件夹中配置externals

module.exports = {
  configureWebpack: {
     externals: {
       'vue': 'Vue',
        'element-ui': 'ELEMENT',
     }
   }
}

3.引入cdn文件

在pubilc文件夹下的index.html文件引入cdn地址文件

Logo

前往低代码交流专区

更多推荐