Greasy Fork is available in English.

monkey-box

A simple ui framework for monkey script

ของเมื่อวันที่ 30-07-2018 ดู เวอร์ชันล่าสุด

สคริปต์นี้ไม่ควรถูกติดตั้งโดยตรง มันเป็นคลังสำหรับสคริปต์อื่น ๆ เพื่อบรรจุด้วยคำสั่งเมทา // @require https://update.greasyfork.org/scripts/368779/616796/monkey-box.js

ผู้เขียน
bramblex
เวอร์ชัน
0.0.1
สร้างเมื่อ
30-05-2018
อัปเดตเมื่อ
30-07-2018
สัญญาอนุญาต
MIT

MonkeyBox

基于 vue 的简易有猴子 ui 框架

使用方法

  1. 首先创建一个油猴子脚本,并且添加如下代码进入 metadata
// @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
  1. 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()
        }
    }

})