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


Posted in jQuery onJune 20, 2017

本文为大家分享了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 相关文章推荐
HTML5+jQuery实现搜索智能匹配功能
Mar 24 jQuery
jQuery操作DOM_动力节点Java学院整理
Jul 04 jQuery
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
jQuery ajax调用webservice注意事项
Oct 08 jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
jquery实现直播弹幕效果
Nov 28 jQuery
jQuery 实现双击编辑表格功能
Jun 19 #jQuery
jQuery实现简单的手风琴效果
Apr 17 #jQuery
jQuery自定义多选下拉框效果
Jun 19 #jQuery
jQuery实现下拉菜单的实例代码
Jun 19 #jQuery
jquery DataTable实现前后台动态分页
Jun 17 #jQuery
jQuery Jsonp跨域模拟搜索引擎
Jun 17 #jQuery
jQuery 控制文本框自动缩小字体填充
Jun 16 #jQuery
You might like
header与缓冲区之间的深层次分析
2016/07/30 PHP
PHP实现导出excel数据的类库用法示例
2016/10/15 PHP
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
2007/05/03 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
2010/10/29 Javascript
增强用户体验友好性之jquery easyui window 窗口关闭时的提示
2012/06/22 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
2015/01/09 Javascript
jQuery插件pagination实现分页特效
2015/04/12 Javascript
jquery实现的树形目录实例
2015/06/26 Javascript
浅析JS获取url中的参数实例代码
2016/06/14 Javascript
jquery.Callbacks的实现详解
2016/11/30 Javascript
利用 spin.js 生成等待效果(js 等待效果)
2017/06/25 Javascript
JS中正则表达式要注意lastIndex属性
2017/08/08 Javascript
小程序清理本地缓存的方法
2018/08/17 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
javascript实现京东登录显示隐藏密码
2020/08/02 Javascript
react实现复选框全选和反选组件效果
2020/08/25 Javascript
[05:07]DOTA2英雄梦之声_第14期_暗影恶魔
2014/06/20 DOTA
python k-近邻算法实例分享
2014/06/11 Python
python3第三方爬虫库BeautifulSoup4安装教程
2018/06/19 Python
Python实现获取本地及远程图片大小的方法示例
2018/07/21 Python
Python高级property属性用法实例分析
2019/11/19 Python
解决torch.autograd.backward中的参数问题
2020/01/07 Python
使用Python打造一款间谍程序的流程分析
2020/02/21 Python
Django如何在不停机的情况下创建索引
2020/08/02 Python
你在项目中用到了xml技术的哪些方面?如何实现的?
2014/01/26 面试题
英语系本科生个人求职信
2013/09/21 职场文书
应届优秀本科大学毕业生自我鉴定
2014/01/21 职场文书
运动会通讯稿150字
2014/02/15 职场文书
篮球比赛策划方案
2014/06/05 职场文书
消防安全宣传口号
2014/06/10 职场文书
2014高中生入党思想汇报范文
2014/09/13 职场文书
纪念一二九运动演讲稿
2014/09/16 职场文书
组织生活会发言材料
2014/12/15 职场文书
小学数学教师研修感悟
2015/11/18 职场文书
通过shell脚本对mysql的增删改查及my.cnf的配置
2021/07/07 MySQL
笔记本自带的win11如何跳过联网激活?
2022/04/20 数码科技