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插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
Mar 23 jQuery
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jQuery实现鼠标滑过预览图片大图效果的方法
Apr 26 jQuery
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
Vue项目中使用jquery的简单方法
May 16 jQuery
jQuery中使用validate插件校验表单功能
May 24 jQuery
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
jQuery表单选择器用法详解
Aug 22 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的中问验证码
2006/11/25 PHP
PHP 文件上传功能实现代码
2009/06/24 PHP
优化PHP程序的方法小结
2012/02/23 PHP
php 文件上传实例代码
2012/04/19 PHP
PHP针对伪静态的注入总结【附asp与Python相关代码】
2017/08/01 PHP
php使用curl伪造来源ip和refer的方法示例
2018/05/08 PHP
Javascript MD4
2006/12/20 Javascript
Extjs TriggerField在弹出窗口显示不出问题的解决方法
2010/01/08 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
2011/03/20 Javascript
js仿百度有啊通栏展示效果实现代码
2013/05/28 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
2013/07/09 Javascript
全面了解javascript三元运算符
2016/06/27 Javascript
Angular设置title信息解决SEO方面存在问题
2016/08/19 Javascript
JavaScript与ActionScript3两者的同性与差异性
2016/09/22 Javascript
详解Vuejs2.0 如何利用proxyTable实现跨域请求
2017/08/03 Javascript
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
2018/01/15 Javascript
vue组件jsx语法的具体使用
2018/05/21 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
2018/08/30 Javascript
p5.js码绘“跳动的小正方形”的实现代码
2019/10/22 Javascript
在vue中配置不同的代理同时访问不同的后台操作
2020/09/11 Javascript
从零学python系列之从文件读取和保存数据
2014/05/23 Python
在 Django/Flask 开发服务器上使用 HTTPS
2014/07/03 Python
Python3结合Dlib实现人脸识别和剪切
2018/01/24 Python
对python 自定义协议的方法详解
2019/02/13 Python
python excel转换csv代码实例
2019/08/26 Python
PyQt5通过信号实现MVC的示例
2021/02/06 Python
video.js支持m3u8格式直播的实现示例
2020/05/20 HTML / CSS
金融专业应届生求职信
2013/11/02 职场文书
证券期货行业个人的自我评价
2013/12/26 职场文书
演讲稿怎么写
2014/01/07 职场文书
后勤服务中心总经理工作职责
2014/03/03 职场文书
医生辞职信范文
2015/03/02 职场文书
优质服务标语口号
2015/12/26 职场文书
Java基础之详解HashSet的使用方法
2021/06/30 Java/Android