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来操作的,是直接返回的,因此按照官方文档单独
·
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地址文件
更多推荐
已为社区贡献1条内容
所有评论(0)