jquery加载单文件vue组件的方法

本文为大家分享了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(/<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>'
        });
      });
    });
  }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# jquery加载单文件vue组件  # jquery加载单文件  # jquery加载vue组件  # Vuejs 单文件组件实例详解  # 详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持  # vue webuploader 文件上传组件开发  # 基于Vue单文件组件详解  # Vue单文件组件基础模板小结  # vuejs 单文件组件.vue 文件的使用  # Vue单文件组件的如何使用方式介绍  # Vuejs实现带样式的单文件组件新方法  # Vue.js一个文件对应一个组件实践  # vue文件树组件使用详解  # 大家分享  # 具体内容  # 大家多多  # 加载  # reject  # modules  # Vue  # component  # resolve  # rv  # lt  # template  # match  # var  # temp 

相关文章： 微信小程序制作网站有哪些,微信小程序需要做网站吗？  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  制作网页的网站有哪些,电脑上怎么做网页？  C++如何编写函数模板？（泛型编程入门）  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  网站制作难吗安全吗,做一个网站需要多久时间？  如何有效防御Web建站篡改攻击？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  免费视频制作网站,更新又快又好的免费电影网站？  如何用PHP快速搭建高效网站？分步指南  高防服务器如何保障网站安全无虞？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  C#如何序列化对象为XML XmlSerializer用法  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  实惠建站价格推荐：2025年高性价比自助建站套餐解析  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  青浦网站制作公司有哪些,苹果官网发货地是哪里？  建站之星官网登录失败？如何快速解决？  高性能网站服务器配置指南：安全稳定与高效建站核心方案  宝塔建站后网页无法访问如何解决？  php json中文编码为null的解决办法  高端网站建设与定制开发一站式解决方案 中企动力  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  C++用Dijkstra(迪杰斯特拉)算法求最短路径  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  如何高效完成独享虚拟主机建站？  建站之星安装模板失败：服务器环境不兼容？  如何在IIS管理器中快速创建并配置网站？  子杰智能建站系统｜零代码开发与AI生成SEO优化指南  如何配置支付宝与微信支付功能？  建站之星如何实现五合一智能建站与营销推广？  高防服务器租用指南：配置选择与快速部署攻略  如何在企业微信快速生成手机电脑官网？  建站之星如何快速生成多端适配网站？  如何通过免费商城建站系统源码自定义网站主题与功能？  如何快速查询网址的建站时间与历史轨迹？  如何高效搭建专业期货交易平台网站？  在线制作视频网站免费,都有哪些好的动漫网站？  网页设计与网站制作内容,怎样注册网站？  如何在云主机上快速搭建网站？  建站之星后台管理系统如何操作？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  建站之星在线版空间：自助建站+智能模板一键生成方案  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  如何零基础在云服务器搭建WordPress站点？  建站与域名管理如何高效结合？  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  建站之星×万网：智能建站系统+自助建站平台一键生成  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？