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 相关文章推荐
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
Apr 21 jQuery
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
webpack里使用jquery.mCustomScrollbar插件的方法
May 30 jQuery
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
详解jQuery-each()方法
Mar 13 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
jQuery轮播图功能制作方法详解
Dec 03 jQuery
jQuery插件simplePagination的使用方法示例
Apr 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
PHP中大括号'{}'用法实例总结
2017/02/08 PHP
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
2011/08/28 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
2013/01/25 Javascript
javascript中数组array及string的方法总结
2014/11/28 Javascript
jQuery实现的图文高亮滚动切换特效实例
2015/08/10 Javascript
angular.bind使用心得
2015/10/26 Javascript
点评js异步加载的4种方式
2015/12/22 Javascript
AngularJs bootstrap搭载前台框架——准备工作
2016/09/01 Javascript
详谈js中window.location.search的用法和作用
2017/02/13 Javascript
浅谈react.js 之 批量添加与删除功能
2017/04/17 Javascript
Node学习记录之cluster模块
2017/05/31 Javascript
Vue 让元素抖动/摆动起来的实现代码
2018/05/31 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
2019/05/07 Javascript
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
Python TestCase中的断言方法介绍
2019/05/02 Python
PIL图像处理模块paste方法简单使用详解
2019/07/17 Python
详解如何减少python内存的消耗
2019/08/09 Python
python matplotlib.pyplot.plot()参数用法
2020/04/14 Python
python2.7使用scapy发送syn实例
2020/05/05 Python
Python爬取12306车次信息代码详解
2020/08/12 Python
AmazeUI导航的示例代码
2020/08/14 HTML / CSS
玩具反斗城西班牙网上商城:ToysRUs西班牙
2017/01/19 全球购物
雅萌 (YA-MAN) :日本美容家电领域的龙头企业
2017/05/12 全球购物
一道SQL面试题
2012/12/31 面试题
NET程序员上机面试题
2015/05/23 面试题
以太网Ethernet IEEE802.3
2013/08/05 面试题
给酒店员工的表扬信
2014/01/11 职场文书
大学生最新职业生涯规划书范文
2014/01/12 职场文书
个人自我鉴定总结
2014/03/25 职场文书
2015年幼儿园班主任工作总结
2015/05/12 职场文书
主持人大赛开场白
2015/05/29 职场文书
yyds什么意思?90后已经听不懂00后讲话了……
2022/02/03 杂记
从结婚开始的恋爱故事。小说《我的美好婚事》TV动画化决定
2022/04/07 日漫
Python按顺序遍历并读取文件夹中文件
2022/04/29 Python