A simple ui framework for monkey script
As of
This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greasyfork.org/scripts/368779/602185/monkey-box.js
基于 vue 的简易有猴子 ui 框架
// @require https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js
// @require https://greasyfork.org/scripts/368779-monkey-box/code/monkey-box.js
MonkeyBox.addBox(id: string, vue: VueComponet) 在 MonkeyBox 里添加组件MonkeyBox.addBox('hellobox', {
// 自动保存 data (可选)
autosave: 'local' | 'global' ,
// 自动转换成带 scope 的css (可选)
style: `
button {
color: red;
}
`,
// vue 模板
template: '<button @click="sayHello">{{ text }}</button>',
// 数据模型
data: {
msg: 'hello'
},
// 定义方法
methods: {
sayHello() {
alert('hello')
},
testApi() {
// 绑在 vm 中的 API
this.loadGlobalData()
this.loadLocalData()
this.saveGlobalData(data)
this.saveLocalData(data)
this.clearLocalData()
this.clearGlobalData()
}
}
})