jquery加载单文件vue组件的方法
发布时间 - 2026-01-11 01:57:41 点击率:次本文为大家分享了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加载单文件vue组件
# jquery加载单文件
# jquery加载vue组件
# Vuejs 单文件组件实例详解
# 详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
# vue webuploader 文件上传组件开发
# 基于Vue单文件组件详解
# Vue单文件组件基础模板小结
# vuejs 单文件组件.vue 文件的使用
# Vue单文件组件的如何使用方式介绍
# Vuejs实现带样式的单文件组件新方法
# Vue.js一个文件对应一个组件实践
# vue文件树组件使用详解
# 大家分享
# 具体内容
# 大家多多
# 加载
# reject
# modules
# Vue
# component
# resolve
# rv
# lt
# template
# match
# var
# temp
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
Win11怎么设置虚拟桌面 Win11新建多桌面切换操作【技巧】
Laravel怎么配置不同环境的数据库_Laravel本地测试与生产环境动态切换【方法】
Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置
深圳网站制作设计招聘,关于服装设计的流行趋势,哪里的资料比较全面?
Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全
如何在万网自助建站平台快速创建网站?
公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?
Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理
使用spring连接及操作mongodb3.0实例
JavaScript如何实现音频处理_Web Audio API如何工作?
Laravel如何创建自定义Artisan命令?(代码示例)
js实现获取鼠标当前的位置
微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】
Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询
Bootstrap CSS布局之列表
哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做?
Laravel Eloquent性能优化技巧_Laravel N+1查询问题解决
Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】
Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议
装修招标网站设计制作流程,装修招标流程?
Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】
Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践
教你用AI将一段旋律扩展成一首完整的曲子
简历没回改:利用AI润色让你的文字更专业
如何在IIS服务器上快速部署高效网站?
Laravel如何自定义分页视图?(Pagination示例)
Laravel如何操作JSON类型的数据库字段?(Eloquent示例)
香港服务器网站卡顿?如何解决网络延迟与负载问题?
北京网站制作的公司有哪些,北京白云观官方网站?
如何快速查询网站的真实建站时间?
如何注册花生壳免费域名并搭建个人网站?
大连 网站制作,大连天途有线官网?
Laravel Session怎么存储_Laravel Session驱动配置详解
车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?
网站制作报价单模板图片,小松挖机官方网站报价?
网站制作价目表怎么做,珍爱网婚介费用多少?
Android中AutoCompleteTextView自动提示
大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?
高防服务器租用首荐平台,企业级优惠套餐快速部署
高端建站三要素:定制模板、企业官网与响应式设计优化
Claude怎样写约束型提示词_Claude约束提示词写法【教程】
北京专业网站制作设计师招聘,北京白云观官方网站?
Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】
Android滚轮选择时间控件使用详解
深圳网站制作平台,深圳市做网站好的公司有哪些?
Laravel如何实现API版本控制_Laravel API版本化路由设计策略
Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】
Laravel如何实现文件上传和存储?(本地与S3配置)
Laravel如何集成第三方登录_Laravel Socialite实现微信QQ微博登录
什么是JavaScript解构赋值_解构赋值有哪些实用技巧

