Vue mixin 的用法

1. 定义一个 js 文件(mixin.js)

export default {
  data() {
    return {
      name: 'mixin'
    }
  },
  created() {
    console.log('mixin...', this.name);
  },
  mounted() {},
  methods: {}
}

• 关于用法，vue文档中有详细的介绍，这里只介绍怎么在一个vue文件中使用mixin。

2. 在vue文件中使用mixin

import '@/mixin'; // 引入mixin文件

export default {
  mixins: [mixin]
}