javascript - vue 怎样定义全局mixin

问题描述

问 题

请问vue官方的全局混合怎样使用，文档里给的例子看的云里雾里的，想定义一个全局的网络请求函数，请问具体怎样使用

这段代码应该写在哪里，要自己定义一个js文件在main.js里import吗，我用的vue-cli，请问具体是怎样使用的

解决方案

mixin的局部混合方法就是1楼的朋友说的

全局混合
首先新建一个mixin.js文件：
mixin.js

const globalMethods={
    methods:{
        errMsg(err){
            console.log(err)
        }
    }
}

export {globalMethods}

main.js 引入

import {globalMethods} from './mixin.js'
Vue.mixin(globalMethods)

test.vue 调用

this.errMsg('test') //test

这篇关于javascript - vue 怎样定义全局mixin的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！