在vue中使用mixin

Mixin模式提供能够被一个或者一组子类简单继承功能的类,意在重用其功能。vue中提供了一种混合机制mixins，用来更高效的实现组件内容的复用。

1.下载相关依赖

npm i mixin-js

2.定义一个 js 文件(mixins.js)

const mixinNew = {
 data(){
  return:{
    arr:[]
  }
 },
 methods:{
    //可以全局复用的方法
    demo(val){
      if(val){
        return String(val)
     }
    }
 }
 ...
}
export default mixinNew

3.在main.js中引入并设置成全局通用

import MiXin from '在2中定义的mixins.js的路径'
Vue.mixin(MiXin)

4.使用方法

在需要引入复用方法的文件里
this.方法名()  //let a = this.demo(1)