代码拉取完成,页面将自动刷新
English | 更新日志 | 反馈错误/缺漏 | Gitee
npm i mp-mixin
import 'mp-mixin';
点击下载 cdn 文件,复制到您的小程序项目中,然后 import 这个文件就可以
cdn地址: https://cdn.jsdelivr.net/npm/mp-mixin/mp-mixin.min.js
mixin 是一个对象,数据结构如下
const mixin = {
data: {}, // 可选
methods: {}, // 可选
store: wx.creteStore({}), // 可选 当全局注入时,store可以是一个json, 否则 必须是 store对象
// 以下为Page生命周期或事件
onLoad(){
},
onShareAppMessage(){
}
}
全局mixin, 推荐在 app.js 中引入
import 'mp-mixin';
wx.mixin(mixin); // mixin 对象 见 2.3.1
也可以在Page构造中按需引入 mixin
Page({
mixin: mixin, // mixin 对象 见 2.3.1
// ...
})
说明
引入 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';
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。