vue+ts+vue-property-decoration中mixin的使用

vue+ts+vue-property-decoration中mixin的使用

使用mixin可以将你需要在多个页面复用的操作封装起来，直接引入即可，mixin中的生命周期会比父页面生命周期提前，引入mixin相当于对页面进行拓展，
1.新建mixin.ts文件

import { Vue, Component } from 'vue-property-decorator'
@Component
export default class Mixin extends Vue {
  // 在里面进行你要的操作
  created() {
    
  }
}

2.在你需要引入的页面

import { Component } from 'vue-property-decorator'
import mixin from '@/utils/mixin'
@Component({
  components: {},
  name: '',
  mixins: [mixin], 
})
export default class Home extends Vue {
  // 父页面的生命周期
  created() {}
}