vue中的混入mixins: [mixin]如何使用呢

怎么使用

创建一个rollperiod  js文件
// 定义一个混入对象
export default {
  created: function () {
    //
  },
  methods: {
      可以写任何一个方法定义
    rollperiod(than,app,dataLen,conf){
        
    }
  }
}

在需要的页面中引入

import rollperiod from "./mixins/rollperiod";
引入这个js文件

在export default 中定义

export default {
mixins: [rollperiod],
props:{}
data(){}
}

或者

// 定义一个使用混入对象的组件
var Component = Vue.extend({
  mixins: [rollperiod]
})

然后再下面直接调用比如说在methods,created 都可以

this.rollperiod(than,app,dataLen,conf)

全局混入

// 为自定义的选项 'myOption' 注入一个处理器。
Vue.mixin({
  created: function () {
    var myOption = this.$options.myOption
    if (myOption) {
      console.log(myOption)
    }
  }
})

new Vue({
  myOption: 'hello!'
})
// => "hello!"

最后附上文档链接：vue.js文档