新增mvvm示例

extensions/cocos/cocos-ecs/assets/scripts/mvvm/shop/ShopViewModel.ts

@@ -0,0 +1,41 @@
+import { ViewModel, observable, computed, command } from '@esengine/mvvm-ui-framework';
+
+/**
+ * 商店视图模型
+ */
+export class ShopViewModel extends ViewModel {
+    
+    public get name(): string {
+        return 'ShopViewModel';
+    }
+
+    @observable
+    selectedCategory: string = 'weapons';
+
+    @observable
+    playerGold: number = 1000;
+
+    @observable
+    cartItems: any[] = [];
+
+    @computed(['cartItems'])
+    get totalPrice(): number {
+        return this.cartItems.reduce((total, item) => total + item.price, 0);
+    }
+
+    @computed(['playerGold', 'totalPrice'])
+    get canPurchase(): boolean {
+        return this.playerGold >= this.totalPrice;
+    }
+
+    @command()
+    public addToCart(item: any): void {
+        this.cartItems.push(item);
+    }
+
+    @command('canPurchase')
+    public purchase(): void {
+        this.playerGold -= this.totalPrice;
+        this.cartItems = [];
+    }
+} 

extensions/cocos/cocos-ecs/assets/scripts/mvvm/shop/ShopViewModel.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "148fe394-03cd-45a1-9bc0-5cb24440d8db",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}