vue写公共方法在组件中使用

第一种：直接在外部写一个文件，里面写方法在组件中调用

1.建一个外部文件 commen.js,例如写去除空对象方法

export default{

//去除空对象

removeEmpty(newArr){

    let arr1 = [];

    let obj = {}

    for (let j in newArr) {

        for (let prop in newArr[j]) {

            if (prop != '' && newArr[j][prop] != '') {

                obj = newArr[j]

}

}

        if (Object.keys(obj) != 0) {

            arr1.push(obj)

}

}

    return arr1

}

}

在index.vue中调用该文件import prossData(给该文件定义名) from './commen.js'

通过prossData.removeEmpty来调用

第二种:使用mixins

1.新建一个mixins文件

export const mixins = {

methods:{

allSum (a,b){

return a+b

}

}

}

2.在需要调用的组件中使用

import {mixins } from './mixin.js'

在export中使用mixin

export default{

mixins:[mixins ]

}

在方法中直接通过this.allSum来使用