mixins

mixins 选项接受一个混合对象的数组。这些混合实例对象可以像正常的实例对象一样包含选项，他们将使用相同的选项合并逻辑合并。举例：如果你混合包含一个钩子而创建组件本身也有一个，两个函数将被调用。 Mixin 钩子按照传入顺序依次调用，并在调用组件自身的钩子之前被调用。

适用于【APP | 页面 | 组件】

示例：

  1. // mixin.js
  2. export default {
  3.   data: {
  4.     list: {
  5.       'phone': '手机',
  6.       'tv': '电视',
  7.       'computer': '电脑'
  8.     }
  9.   },
  10.   ready () {
  11.     console.log('mixins ready:', this.list.phone)
  12.   }
  13. }
  1. <template xmlns="">
  2.   <view class="list">
  3.     <view wx:for="{{list}}">{{item}}</view>
  4.   </view>
  5. </template>
  7. <script>
  8.   import {createComponent} from '@mpxjs/core'
  9.   import mixin from './mixin'
  10.   createComponent({
  11.     mixins: [mixin],
  12.     ready () {
  13.       console.log('component ready:', this.list.tv)
  14.     }
  15.   })
  16. </script>

输出结果为

  1. mixins ready: 手机
  2. component ready: 电视