混合 mixins

介绍

1. 把多个组件中公用的数据或方法，抽取出来，可以全局使用和局部使用

使用步骤

1. 写个mixin/index.js

内容为：

    export const mixin = {                               # 名字随意
        data() {
        return {
          name: '彭于晏'
        }
      },
        methods: {
            handlePrintName() {
                alert(this.name)
            }
        },
    }

使用

1. 局部使用

# --------------------先导入-----------------------
import {mixin} from "@/mixin"

# --------------------使用-----------------------------
export default {
  components: {
  },
  data() {
    return {
    }
  },

  mixins:[hunhe,]                                         # 注册

}

2. 全局使用，在main.js 中注册， 以后所有组件都可以用

import {mixin} from "@/mixin"                          # 导入
Vue.mixin(hunhe)                                       # 全局注册