vue中 组件抽离方法合并实验 mixin.js

vue 组件抽离 全局引入合并 实验用于全局api 方法 调用
第一步，新建 mixin.js 文件 文件名随意 内容如下

import request from '@/router/axios' //如果需要注册接口方法 切记引入axios  不封装接口不需要
export default {
    data() {
        return {
            a: "3333"
        }
    },
    methods: {
    //实验时注册的方法
        bbc() {
            console.log('abc');
        },
        // 实验时注册的接口
        sgetdevice(data) {
            return request({
                url: '/device/devrdauthentication/rdAuth',
                method: 'post',
                data
            })
        }
    }
}

第二步，合并组件目标组件 引入 以及调用写法

// import myMixin from "@/components/mixins.js"; //组件抽离 公共合并方法 可以添加多个 
// mixins: [myMixin], //组件抽离 mixins  是固定不变 其他随意 
  created() {},//最好放在 mouted 中  避免初始化时候数据没有合并
  mounted() {
    this.sgetdevice(); //组件抽离 调用封装接口  
    this.sgetdevice(parmrs).then(res => {}
  },