jquery加載單文件vue組件的方法
更新時間:2017年06月20日 09:07:12 作者:zh33gl
這篇文章主要介紹了jquery加載單文件vue組件的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文為大家分享了jquery加載單文件vue組件的方法,供大家參考,具體內(nèi)容如下
/**注冊組件 */
function registerComponent(name){
dm[name] = {};
Vue.component(name + '-component', function(resolve, reject){
$.get('./modules/' + name + '.vue').then(function(rv){
var temp = rv.match(/<template[^>]*>([\s\S]*?)<\/template>/)[1].replace(/(^\s+)|\n/g, ''),
script = rv.match(/<script[^>]*>([\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: '<div style="text-align:center; line-height:5em;">NOT FOUND</div>'
});
});
});
}
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實現(xiàn)限制textarea文本框輸入字符數(shù)量的方法
這篇文章主要介紹了jQuery實現(xiàn)限制textarea文本框輸入字符數(shù)量的方法,涉及jQuery鍵盤事件及頁面元素的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05
jQuery動態(tài)地獲取系統(tǒng)時間實現(xiàn)代碼
jquery獲取當(dāng)前年份、獲取當(dāng)前月份(0——11),具體思路及代碼如下,感興趣的朋友可以參考下哈,希望可以幫助到你2013-05-05
ashx文件獲取$.ajax()方法發(fā)送的數(shù)據(jù)
這篇文章主要介紹了ashx文件獲取$.ajax()方法發(fā)送的數(shù)據(jù)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-05-05
jQuery解析與處理服務(wù)器端返回xml格式數(shù)據(jù)的方法詳解
這篇文章主要介紹了jQuery解析與處理服務(wù)器端返回xml格式數(shù)據(jù)的方法,結(jié)合實例形式分析了jQuery基于ajax的get方法與后臺交互操作xml格式數(shù)據(jù)的相關(guān)技巧與注意事項,需要的朋友可以參考下2016-07-07
基于JQuery和CSS3實現(xiàn)仿Apple TV海報背景視覺差特效源碼分享
這是一款效果非常炫酷的jQuery和CSS3仿Apple TV海報背景視覺差特效。該視覺差特效在使用鼠標(biāo)在屏幕上下左右移動的時候,海報中的各種元素以不同的速度運(yùn)動,形成視覺差效果,并且還帶有一些流光特效。2015-09-09

