🏠 Home 

You need to sign in or sign up before continuing.

mini mvvm

自用,bug较多,if和for指令不能使用

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

ผู้เขียน
ayan0312
เวอร์ชัน
0.0.3
สร้างเมื่อ
04-05-2022
อัปเดตเมื่อ
07-05-2022
Size
23.6 กิโลไบต์
สัญญาอนุญาต
ไม่มี

指令

<div v-on:click="myClick"></div>
<div v-style="myStyle"></div>
<div v-show="display"></div>
<div v-show:display></div>
<div v-class="myClass"></div>
<div v-model="myModel"></div>
<div v-ref="myRef"></div>
<div v-text="myText"></div>
<div v-html="myHTML"></div>

全局

const state=observe({
count:GM_getValue('count',1),
})
new Watcher(null,()=>{
return state.count
},(newVal)=>{
GM_setValue('count',newVal)
})
const Counter = {
template: `
<button v-on:click="decrease">-</button>
<span>{{global.count}}</span>
<button v-on:click="increase">+</button>
`,
data(){
return {
global:state,
}
},
methods:{
increase(){
this.global.count+=1
},
decrease(){
this.global.count-=1
},
}
}

用例

MyFigureCollection: Image Downloader