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 相关文章推荐
jQuery实现键盘回车搜索功能
Jul 25 jQuery
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
jQuery选择器之子元素过滤选择器
Sep 28 jQuery
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
Nov 10 jQuery
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
jquery实现联想词搜索框和搜索结果分页的示例
Oct 10 jQuery
jquery+php后台实现省市区联动功能示例
May 23 jQuery
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
jquery实现简单自动轮播图效果
Jul 29 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
php中转义mysql语句的实现代码
2011/06/24 PHP
解读PHP中的垃圾回收机制
2015/08/10 PHP
PHP文件后缀不强制为.php方法
2019/03/31 PHP
Laravel框架实现即点即改功能的方法分析
2019/10/31 PHP
Java 正则表达式学习总结和一些小例子
2012/09/13 Javascript
jquery sortable的拖动方法示例详解
2014/01/16 Javascript
用js判断是否为360浏览器的实现代码
2015/01/15 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
JS实现输入框提示文字点击时消失效果
2016/07/19 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
2016/11/21 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
2017/02/07 Javascript
vue2.0中goods选购栏滚动算法的实现代码
2017/05/17 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
BootStrap 页签切换失效的解决方法
2017/08/17 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
2018/08/19 Javascript
使用jQuery给Table动态增加行、清空table的方法
2018/09/05 jQuery
微信小程序 slot踩坑的解决
2019/04/01 Javascript
Element Backtop回到顶部的具体使用
2020/07/27 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
Python3利用SMTP协议发送E-mail电子邮件的方法
2017/09/30 Python
Python批处理更改文件名os.rename的方法
2018/10/26 Python
python构造IP报文实例
2020/05/05 Python
python爬虫智能翻页批量下载文件的实例详解
2021/02/02 Python
html5基础标签(html5视频标签 html5新标签用法)
2013/12/30 HTML / CSS
阿根廷首家户外用品制造商和经销商:Montagne
2018/02/12 全球购物
旅游专业职业生涯规划范文
2014/01/13 职场文书
英语自我评价范文
2014/01/24 职场文书
教师申诉制度
2014/01/29 职场文书
主题班会演讲稿
2014/05/22 职场文书
大学生助学金感谢信
2015/01/21 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
2015年党员公开承诺事项
2015/04/27 职场文书
离婚民事起诉状
2015/08/03 职场文书
团干部培训班心得体会
2016/01/06 职场文书
vue实现书本翻页动画效果实例详解
2022/04/08 Vue.js