wepy里的混入

//混入文件
import wepy from 'wepy';
export default class defaultMixin extends wepy.mixin {
	data = {
		foo: '我是可复用数据111',
		bar: '我是可复用数据222'
	}
	methods = {
		tap(){
			console.log('我是可复用方法')
		}
	}
}

//使用
 import wepy from 'wepy'
  //引入可复用部分
  import DefaultMixin from '../mixins/defaultMixin'
  export default class My extends wepy.page {
    data = {
      foo: '我是真正组件中的数据'
    }
    mixins = [DefaultMixin];
    onShow(){
      //组件已申明的数据，会采用组件中的数据
      console.log(this.foo);
      console.log(this.bar);
    }
    methods = {
      //对于组件methods响应事件，先响应组件本身响应事件，然后再响应混合对象中的响应事件。
      tap(){
        console.log('我是真正组件中的方法')
      }
    }
  }

结果