这篇博客介绍了如何在不使用webpack和vue-cli的情况下，借助requirejs实现vue的模块化开发。通过加载requirejs，定义main函数，配置组件loader，以及编写组件的html和js，实现了组件的加载和管理。组件loader提供了config和load两个函数，分别用于加载全局配置的组件和单个组件。组件的html遵循标准的template写法，js部分则包含了组件的数据和方法。
通常vue都是搭配webpack+vue-cli使用的
如果不在nodejs环境下开发web应用呢？
这里提出一个解决方案：
1、加载requirejs，并且指定main函数
2、定义main函数
require.config({
paths: {"text": 'https://cdn.bootcss.com/require-text/2.0.12/text.min','vueLoader': 'componentLoader','article': '../components/article','color': '../components/dialog/color','util': './common/util','app': './workspace/vueSet',
},
waitSeconds:3});
require(['vueLoader', 'componentConfig', 'app'], (CptLoader, commCpt, app) =>{
CptLoader.config(commCpt,()=>{
setTimeout(()=>{
app.$mount(app.$el);
})
})
});
可以注意到，这提供了一个CptLoader
3、组件loader源码如下所示：
最低0.47元/天 解锁文章
扫一扫
435
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
