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 EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
jQuery常用选择器详解
Jul 17 jQuery
jQuery EasyUI结合zTree树形结构制作web页面
Sep 01 jQuery
zTree jQuery 树插件的使用(实例讲解)
Sep 25 jQuery
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
jQuery轻量级表单模型验证插件
Oct 15 jQuery
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 jQuery
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
jQuery实现购物车全功能
Jan 11 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安全配置详细说明
2011/09/26 PHP
PHP 第三节 变量介绍
2012/04/28 PHP
PHP计算加权平均数的方法
2015/07/16 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
jQuery Ajax文件上传(php)
2009/06/16 Javascript
JS小框架 fly javascript framework
2009/11/26 Javascript
jQuery之自动完成组件的深入解析
2013/06/19 Javascript
淘宝网提供的国内NPM镜像简介和使用方法
2014/04/17 Javascript
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
在JavaScript中操作数组之map()方法的使用
2015/06/09 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
详解vue服务端渲染(SSR)初探
2017/06/19 Javascript
ES6 javascript的异步操作实例详解
2017/10/30 Javascript
vxe-table vue table 表格组件功能
2019/05/26 Javascript
vue实现页面切换滑动效果
2020/06/29 Javascript
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
Python开发编码规范
2006/09/08 Python
利用python获得时间的实例说明
2013/03/25 Python
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
Python中使用tarfile压缩、解压tar归档文件示例
2015/04/05 Python
Python匹配中文的正则表达式
2016/05/11 Python
Django处理文件上传File Uploads的实例
2018/05/28 Python
python遍历小写英文字母的方法
2019/01/02 Python
python3.x实现base64加密和解密
2019/03/28 Python
python2.7的flask框架之引用js&amp;css等静态文件的实现方法
2019/08/22 Python
python学生信息管理系统实现代码
2019/12/17 Python
Python3连接Mysql8.0遇到的问题及处理步骤
2020/02/17 Python
Canvas获取视频第一帧缩略图的实现
2020/11/11 HTML / CSS
随机分配座位,共50个学生,使学号相邻的同学座位不能相邻
2014/01/18 面试题
电子专业自荐信
2014/07/01 职场文书
无财产离婚协议书范本
2014/10/28 职场文书
家长给老师的感谢信
2015/01/20 职场文书
2015年护士长个人工作总结
2015/04/24 职场文书
业务员年终工作总结2015
2015/05/28 职场文书
Python3中最常用的5种线程锁实例总结
2021/07/07 Python
什么是Python装饰器?如何定义和使用?
2022/04/11 Python