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封装公共方法的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要给大家介绍了关于vue2+elementUI实现下拉树形多选框效果的相关资料,这是最近的工作中遇到的一个需求,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-07-07
mapGetters辅助函数仅仅是将 store 中的 getter 映射到局部计算属性，在组件或界面中不使用mapGetter调用映射vuex中的getter，在组件或界面中使用mapGetter调用映射vuex中的getter，具体内容跟随小编一起通过本文学习吧2021-07-07
这篇文章主要介绍了Vue 实现前端权限控制的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-07-07
最近在项目里用Element UI的动态组件时,遇到了样式修改的难题——明明写了CSS,但死活不生效！相信不少小伙伴也踩过这个坑,今天小杨就来分享几个实用技巧,帮你轻松搞定这类问题,需要的朋友可以参考下2025-07-07
这篇文章主要为大家详细介绍了vue elementUI表格控制显示隐藏对应列的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了Vue 3.0 项目创建过程，首先要确保电脑上已安装node.js,确保已安装 Vue CLI,本文结合实例代码给大家介绍的非常详细，需要的朋友可以参考下2024-04-04
这篇文章主要介绍了Vuex中mutations的用法及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-01-01
这篇文章主要给大家介绍了vue如何使用socket与服务端进行通信的相关资料,在Vue中我们可以将Websocket类封装成一个Vue插件,以便全局使用,需要的朋友可以参考下2023-09-09
Echarts，它是一个与框架无关的 JS 图表库，但是它基于Js，这样很多框架都能使用它，例如Vue，估计IONIC也能用，因为我的习惯，每次新尝试做一个功能的时候，总要新创建个小项目，做做Demo2022-09-09
这篇文章主要介绍了Vue单文件组件与非单文件组件使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2022-12-12
最新评论