本文为大家分享了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 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Win11怎么设置虚拟桌面 Win11新建多桌面切换操作【技巧】  Laravel怎么配置不同环境的数据库_Laravel本地测试与生产环境动态切换【方法】  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全  如何在万网自助建站平台快速创建网站？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  使用spring连接及操作mongodb3.0实例  JavaScript如何实现音频处理_Web Audio API如何工作？  Laravel如何创建自定义Artisan命令？（代码示例）  js实现获取鼠标当前的位置  微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】  Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询  Bootstrap CSS布局之列表  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  Laravel Eloquent性能优化技巧_Laravel N+1查询问题解决  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  装修招标网站设计制作流程,装修招标流程？  Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】  Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践  教你用AI将一段旋律扩展成一首完整的曲子  简历没回改：利用AI润色让你的文字更专业  如何在IIS服务器上快速部署高效网站？  Laravel如何自定义分页视图？（Pagination示例）  Laravel如何操作JSON类型的数据库字段？（Eloquent示例）  香港服务器网站卡顿？如何解决网络延迟与负载问题？  北京网站制作的公司有哪些,北京白云观官方网站？  如何快速查询网站的真实建站时间？  如何注册花生壳免费域名并搭建个人网站？  大连 网站制作,大连天途有线官网？  Laravel Session怎么存储_Laravel Session驱动配置详解  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  网站制作报价单模板图片,小松挖机官方网站报价？  网站制作价目表怎么做,珍爱网婚介费用多少？  Android中AutoCompleteTextView自动提示  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  高防服务器租用首荐平台，企业级优惠套餐快速部署  高端建站三要素：定制模板、企业官网与响应式设计优化  Claude怎样写约束型提示词_Claude约束提示词写法【教程】  北京专业网站制作设计师招聘,北京白云观官方网站？  Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】  Android滚轮选择时间控件使用详解  深圳网站制作平台,深圳市做网站好的公司有哪些？  Laravel如何实现API版本控制_Laravel API版本化路由设计策略  Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】  Laravel如何实现文件上传和存储？（本地与S3配置）  Laravel如何集成第三方登录_Laravel Socialite实现微信QQ微博登录  什么是JavaScript解构赋值_解构赋值有哪些实用技巧