Skip to content

第三方插件

使用less

vsCode --- > 设置

在settings.json添加一下配置

json
"less.compile": {
  "outExt": ".wxss"
}

Mobx (创库管理)

安装

bash
npm install mobx-miniprogram mobx-miniprogram-bindings

创建store

ts
// Mobx 仓库
import { observable, action } from 'mobx-miniprogram';

// 暴露数据
export const store = observable({
  // 数据
})

页面中引用

ts
// 导入mobx
import { createStoreBindings } from 'mobx-miniprogram-bindings';
import { store } from '../../store';

page({
	data:{

	},
	onLoad:{
		createStoreBindings(this,{
			// 数据源
			store,
			// 属性
			fields:[],
			// 方法
			actions:[]
		})
	}
})

组件中引用

ts
// 导入mobx
import { storeBindingsBehavior } from 'mobx-miniprogram-bindings';
import { store } from '../../store';

Component({
	behaviors: [storeBindingsBehavior],
  	storeBindings: {
    	//数据源
   		store,
		// 方法
    	fields: [""],
		// 属性
		actions:[""]
    },
})

以上测试版本为

json
{
  "mobx-miniprogram": "^4.13.2",
  "mobx-miniprogram-bindings": "^1.2.1"
}

Copyright © 2026 Luke