Wechat miniapp demo with typescript (mp-mixin dev env)
npm i mp-mixin
import 'mp-mixin';
cdn: https://cdn.jsdelivr.net/npm/mp-mixin/mp-mixin.min.js
mixin
const store = wx.creteStore({});
const mixin = {
data: {}, //
methods: {}, //
store: store, // storejson store
// Page
//
onLoad(){
},
onShareAppMessage(){
},
// Component
lifetimes:{
//
},
pageLifetimes:{
//
}
}
mixin, app.js
import 'mp-mixin';
wx.mixin(mixin); // mixin 2.3.1
Page mixin
Page({
mixin: mixin, // mixin 2.3.1
// ...
})
Component mixin
Component({
mixin: mixin, // mixin 2.3.1
// ...
})
mixin > mixin
mp-mixin mp-mixin api wx
wx.mixin
wx.createStore
wx.initGlobalStore
wx.initGlobalStore
wx.mixin
store
wx.initGlobalStore({
// state
})
wx.mixin({
store: {
// state
}
})
API
import {globalMixin, createStore, initGlobalStore} from 'mp-mixin'
// ...
injectStaff
import {injectStaff} from 'mp-mixin'
injectStaff(anyObject);
mp-mixin version
wx.mpMixinVersion
//
import {version} from 'mp-mixin';