vue封裝公共方法的實現(xiàn)代碼
更新時間：2024年01月23日 10:28:46 作者：藍胖子的多啦A夢
這篇文章給大家介紹了vue封裝公共方法的實現(xiàn),文章中通過代碼示例給大家介紹的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下
1.在utils文件夾中創(chuàng)建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封裝公共方法的實現(xiàn)代碼的詳細內(nèi)容，更多關于vue封裝公共方法的資料請關注腳本之家其它相關文章！
相關文章
vue2+elementUI實現(xiàn)下拉樹形多選框效果實例
這篇文章主要給大家介紹了關于vue2+elementUI實現(xiàn)下拉樹形多選框效果的相關資料,這是最近的工作中遇到的一個需求,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07
vuex 中輔助函數(shù)mapGetters的基本用法詳解
mapGetters輔助函數(shù)僅僅是將 store 中的 getter 映射到局部計算屬性，在組件或界面中不使用mapGetter調(diào)用映射vuex中的getter，在組件或界面中使用mapGetter調(diào)用映射vuex中的getter，具體內(nèi)容跟隨小編一起通過本文學習吧2021-07-07
這篇文章主要介紹了Vue 實現(xiàn)前端權(quán)限控制的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-07-07
最近在項目里用Element UI的動態(tài)組件時,遇到了樣式修改的難題——明明寫了CSS,但死活不生效！相信不少小伙伴也踩過這個坑,今天小楊就來分享幾個實用技巧,幫你輕松搞定這類問題,需要的朋友可以參考下2025-07-07
這篇文章主要為大家詳細介紹了vue elementUI表格控制顯示隱藏對應列的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了Vue?3.0?項目創(chuàng)建過程，首先要確保電腦上已安裝node.js,確保已安裝?Vue?CLI,本文結(jié)合實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2024-04-04
這篇文章主要介紹了Vuex中mutations的用法及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
這篇文章主要給大家介紹了vue如何使用socket與服務端進行通信的相關資料,在Vue中我們可以將Websocket類封裝成一個Vue插件,以便全局使用,需要的朋友可以參考下2023-09-09
Vue?echarts實例項目商家銷量統(tǒng)計圖實現(xiàn)詳解
Echarts，它是一個與框架無關的?JS?圖表庫，但是它基于Js，這樣很多框架都能使用它，例如Vue，估計IONIC也能用，因為我的習慣，每次新嘗試做一個功能的時候，總要新創(chuàng)建個小項目，做做Demo2022-09-09
這篇文章主要介紹了Vue單文件組件與非單文件組件使用方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習吧2022-12-12