jquery加載單文件vue組件的方法
更新時(shí)間：2017年06月20日 09:07:12 作者：zh33gl
這篇文章主要介紹了jquery加載單文件vue組件的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文為大家分享了jquery加載單文件vue組件的方法，供大家參考，具體內(nèi)容如下
/**注冊(cè)組件 */
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>'
});
});
});
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JQuery 綁定事件時(shí)傳遞參數(shù)的實(shí)現(xiàn)方法
JQuery 綁定事件時(shí)傳遞參數(shù)的實(shí)現(xiàn)方法，需要的朋友可以參考下。2009-10-10
jQuery實(shí)現(xiàn)簡(jiǎn)單彈出框效果實(shí)例
這篇文章主要給大家介紹了關(guān)于jQuery實(shí)現(xiàn)簡(jiǎn)單彈出框效果的相關(guān)資料,幾天一直在研究JQuery,確實(shí)很好用,有很多需求都是要彈出框,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
jQuery實(shí)現(xiàn)div隨意拖動(dòng)的實(shí)例代碼(通用代碼)
這篇文章主要介紹了jQuery實(shí)現(xiàn)div隨意拖動(dòng)的實(shí)例代碼，涉及到j(luò)query div隨意拖動(dòng)相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2016-01-01
這篇文章主要介紹了jQuery中:lt選擇器用法,實(shí)例分析了:lt選擇器的功能、定義及匹配小于指定索引值元素的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
jquery樹(shù)形菜單效果的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery樹(shù)形菜單效果的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
jQuery效果操作一共分五類：1.基本，2.滑動(dòng)，3.淡入淡出，4.自定義，5.設(shè)置。本文將對(duì)此詳細(xì)介紹。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-05-05
jQuery實(shí)現(xiàn)可以計(jì)算進(jìn)制轉(zhuǎn)換的計(jì)算器
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)可以計(jì)算進(jìn)制轉(zhuǎn)換的計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
下面小編就為大家分享一篇zTree樹(shù)形菜單的使用實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
JQuery 實(shí)現(xiàn)在同一頁(yè)面錨點(diǎn)鏈接之間的平滑滾動(dòng)
JQuery 原來(lái)比我想象的要強(qiáng)大的多，本文用 JQuery 實(shí)現(xiàn)錨點(diǎn)鏈接之間的平滑滾動(dòng)，在同一頁(yè)面的錨點(diǎn)鏈接之間實(shí)現(xiàn)平滑的滾動(dòng)2014-10-10
本文主要介紹了JQuery的基本知識(shí)，如：JQuery的dom操作，動(dòng)態(tài)創(chuàng)建dom節(jié)點(diǎn)，刪除節(jié)點(diǎn)，document方法等等，文章篇尾處附上實(shí)例小練習(xí)。需要的朋友可以參考下2016-12-12