Mixins

用於抽出常用的方法，統一做管理。
Ex: 時間、Validation、加解密...等

Vue-Cli 模板範例

Github Repo Link

全域 Mixins 配置

// main.js 加入 你要使用的 Mixins
import globalMixins from './mixins/globalMixins.js'
Vue.mixin(globalMixins)

區域 Mixins 配置

• 自行建立 Mixins 資料夾管理所有 Mixins 檔案
• 檔案內容如下

export default {
  methods: {
    testExampleMixins() {
      console.log('Mixin: testExampleMixins')
    },
  },
}

使用範例

    import exampleMixins from '@/mixins/exampleMixins'
    export default {
      mixins: [exampleMixins],
      mounted() {
          // 全域的  Mixins 不用引用即可直接用 this.xxx() 取得
          this.globalTestFunc()

          // 引入 區域 Mixins exampleMixins 中的 testExampleMixins 方法
          this.testExampleMixins()
      },
    }