element-ui使用cdn引入,按需引入

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',
     }
   }
}

猜你喜欢

转载自blog.csdn.net/YuT_ian/article/details/107311269