本文主要介绍了jquery加载单文件vue组件的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
/**注册组件 */
function registerComponent(name){
dm[name] = {};
Vue.component(name + '-component', function(resolve, reject){
$.get('./modules/' + name + '.vue').then(function(rv){
var temp = rv.match(/]*>([\s\S]*?)<\/template>/)[1].replace(/(^\s+)|\n/g, ''),
script = rv.match(/]*>([\s\S]*?)<\/script>/)[1].replace(/(^\s+)|\n/g, '');
script = (new Function('return ' + script))();
script.template = temp;
script.props || (script.props=["param"]);
script.data || (script.data=function(){ return JSON.parse(JSON.stringify(this.param))});
resolve(script);
}).catch(function(err){
console.error(err);
resolve({
template: 'NOT FOUND
'
});
});
});
} 相关推荐：
intense图片全屏浏览插件(jQuery)
下载
intense图片全屏浏览插件(jQuery)，当鼠标点击图片时，可以全屏幕浏览图片，移动鼠标可以查看图片不同的部分，适合相册展示图片细节。兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用文件styles.css及intense.js 2、在文件中加入区域代码 3、复制images文件夹
立即学习“前端免费学习笔记（深入）”；
