快捷導(dǎo)航

vue封裝公共方法的實(shí)現(xiàn)代碼

更新時(shí)間：2024年01月23日 10:28:46 作者：藍(lán)胖子的多啦A夢(mèng)

這篇文章給大家介紹了vue封裝公共方法的實(shí)現(xiàn),文章中通過代碼示例給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下

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封裝公共方法的實(shí)現(xiàn)代碼的詳細(xì)內(nèi)容，更多關(guān)于vue封裝公共方法的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章:

相關(guān)文章

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