mobx wxapp تنزيل - mobx wxapp تنزيل كود المصدر

mobx wxapp

كود الذكاء الاصطناعي

1.0.0

تنزيل

mobx-wxapp

عند استخدام mobx في برنامج صغير، يمكن لوظيفة connect ربط البيانات المرصودة بطريقة عرض البرنامج الصغير بكفاءة. انظر الإصدار الأول للتعرف على طريقة inject القديمة

ثَبَّتَ

npm install mobx-wxapp بتثبيت المشروع محليًا أو نسخ الملف مباشرةً (مثال/mobx-wxapp.js) إلى مشروعك.

(تستخدم الحالة mobx.js v4.6.0، لأن mobx5 يستخدم وكيل ES6، وهو غير مدعوم حاليًا بواسطة البرنامج المصغر)

الاستخدام

الصفحات/index.js:

 import { connect , extract } from '../mobx-wxapp'
import { observable } from '../mobx'

const appStore = observable ( {
  title : 'mobx-wxapp'
} )

const store = observable ( {

  // observable
  seconds : 0 ,

  // computed
  get color ( ) {
    return this . seconds % 2 ? 'red' : 'green'
  } ,

  // actions
  tick ( ) {
    this . seconds += 1
  }
} )

// page
Page ( {
  onLoad ( ) {
    connect ( this , ( ) => ( {
        title : appStore . title ,
        color : store . color ,
        seconds : store . seconds
        // 或者使用 extract 一次性提取全部属性
        // ...extract(store)
      } )
    )
  } ,
  add ( ) {
    store . tick ( )
  }
} )

الصفحات/index.wxml:

< view >{{ title }} :</ view >
< view style = " color:{{ color }} " > seconds:{{ seconds }} </ view >
< button bindtap = " add " >add</ button >

بالطبع، يمكنك أيضًا استخدامه في المكون:

 Component ( {
  //..
  ready ( ) {
    this . disposer = connect ( this , mapDataToStore , options )
  } ,

  //请务必在组件生命周期结束前执行销毁器!
  detached ( ) {
    this . disposer ( ) ;
  }
  //...
} )

واجهة برمجة التطبيقات

الاتصال (السياق، MapDataToStore، الخيارات؟)

السياق: كائن // يرجى تمرير هذا
MapDataToStore:Function // وظيفة التعيين التي يجب ربطها بالعرض
الخيارات: كائن // معلمات اختيارية

 options = {
  delay:Number,// setData的最小执行间隔,默认30ms
  setDataCallback:Function // setData的执行回调
}

قيمة الإرجاع: يُرجع connect وظيفة مدمرة (عند استخدامها في الصفحة، سيتم تنفيذها تلقائيًا في دورة حياة onUnload، ولكن عند استخدامها في مُنشئ المكونات، يرجى التأكد من استدعاء هذه الوظيفة يدويًا في نهاية دورة الحياة).