requireJS中引入Vue和ElementUI

最新推荐文章于 2024-06-23 15:28:06 发布

透明的前端

最新推荐文章于 2024-06-23 15:28:06 发布

阅读量3k

点赞数

文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/Master12138/article/details/109057229

版权

首先下载vue.js并且通过npm 下载ElementUI的包，其中ElementUI包中的lib文件是umd版本支持requireJS引入；
具体操作：

//require依赖文件中
var require={
	baseUrl:'./src/',
	map:{
		'*':{'style':'assets/lib/requirejs/css.min'}
	},
	paths:{
		'vue':'assets/lib/vue/dist/vue',
		'ELEMENT':'assets/lib/element-ui/lib/index'
	},
	shim:{
		'ELEMENT':{
			deps:['vue','style!assets/lib/element-ui/theme-chalk/index.css']
		}
	}
}

//使用vue的文件中
define(['vue','ELEMENT'],function(Vue,ELEMENT){
	ELEMENT.install(Vue);//注意element-ui暴露出来的外部全局变量是ELEMENT，并且并没有绑定到Vue上，需要手动绑定
	new Vue({});
});