Mixins
用于抽出常用的方法,统一做管理。
Ex: 时间、Validation、加解密...等
Vue-Cli 模板範例
Github Repo Link
全域 Mixins 配置
// main.js 加入 你要使用的 Mixinsimport 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() }, }