这篇文章主要介绍了jquery中如何加载单文件vue组件,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
创新互联公司长期为上千余家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为东乃企业提供专业的做网站、成都做网站,东乃网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。
具体内容如下
/**注册组件 */ 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 >NOT FOUND</div>' }); }); }); }
感谢你能够认真阅读完这篇文章,希望小编分享的“jquery中如何加载单文件vue组件”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
当前标题:jquery中如何加载单文件vue组件
浏览路径:https://www.cdcxhl.com/article32/gsjcsc.html
成都网站建设公司_创新互联,为您提供域名注册、服务器托管、关键词优化、做网站、虚拟主机、网页设计公司
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联