快捷導(dǎo)航

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