Vue Mixins 使用

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()      },    }

关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章