vue封装公共方法的实现代码
更新时间：2024年01月23日 10:28:46 作者：蓝胖子的多啦A梦
这篇文章给大家介绍了vue封装公共方法的实现,文章中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
1.在utils文件夹中创建convertData.js文件：
function mergeToJson(source, target) {
for (var key in source) {
if (target[key]) {
return mergeToJson(source[key], target[key]);
} else {
target[key] = source[key];
}
}
return target;
}
//将方法暴露出来
export default {
mergeToJson
}
2.在main.js引入全局方法：
//将公共方法挂载this import dataConver from './utils/convertData.js' Vue.prototype.$dataConver = dataConver;
全局使用方法：
this.$dataConver.serverDataToClientData() //在文件处直接使用
以上就是vue封装公共方法的实现代码的详细内容，更多关于vue封装公共方法的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要为大家详细介绍了vue实现下拉菜单树，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
这篇文章主要介绍了Vue使用Vuex一步步封装并使用store全过程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要介绍了vue+freemarker中遇到的坑及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要为大家详细介绍了Python实现学生成绩管理系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
这篇文章主要介绍了vue自定义marquee无缝滚动组件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
script-setup是一个比较有争议的新特性,作为 setup 函数的语法糖,褒贬不一,不过经历了几次迭代之后,目前在体验上来说,感受还是非常棒的,这篇文章主要给大家介绍了关于vue3中setup-script应用的相关资料,需要的朋友可以参考下2022-01-01
Vue使用mounted和created时,this无法指向data中的数据问题
这篇文章主要介绍了Vue使用mounted和created时,this无法指向data中的数据问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
这篇文章主要介绍了vue2.0在table中实现全选和反选的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
vue的主要思想是组件化开发,路由用来配置组件对应展示路径,本文给大家介绍vue中路由router配置步骤,创建路由文件——使用路由——配置路由出口,使路由配置内容展示在页面上,感兴趣的朋友跟随小编一起看看吧2023-12-12
在Vue3中,toRaw方法允许用户获取响应式对象的原始值,有助于性能优化和与外部库集成,它通过绕过Vue的响应式系统,仅在必要时触发更新,从而提升效率,本文就来具体介绍一下,感兴趣的可以了解一下2024-09-09
最新评论