_onTouchBegan(event, captureListeners) {
     if (!this.enabledInHierarchy) return;
     if (this._hasNestedViewGroup(event, captureListeners)) return;
     ...
}

...
if (event.target.getComponent(cc.ViewGroup)) {
     return true;
}
...

const { ccclass, property } = cc._decorator;

interface EventTouch extends cc.Event.EventTouch {
     simulate?: boolean
     sham?: boolean
}

@ccclass
export default class ViewGroupNesting extends cc.Component {
     private events: EventTouch[] = [];

     onLoad() {
         this.node.on(cc.Node.EventType.TOUCH_START, this.onTouchHandle, this, true);
         this.node.on(cc.Node.EventType.TOUCH_MOVE, this.onTouchHandle, this, true);
         this.node.on(cc.Node.EventType.TOUCH_END, this.onTouchHandle, this, true);
         this.node.on(cc.Node.EventType.TOUCH_CANCEL, this.onTouchHandle, this, true);
     }

     private onTouchHandle(event: EventTouch) {
         if (event.sham || event.simulate || event.target === this.node) return;

         const cancelEvent: EventTouch = new cc.Event.EventTouch(event.getTouches(), event.bubbles);
         cancelEvent.type = event.type;
         cancelEvent.touch = event.touch;
         cancelEvent.sham = true;
         // Question: Why not dispatchEvent directly here?
         // Answer: The ScrollView must consume the real event first, and then we can launch the fake one.
         // You can go to CCNode.js to find a _doDispatchEvent function, which uses a global variable like _cachedArray.
         // If the false is emitted first, the true data will be cleared.
         this.events.push(cancelEvent);
     }

     update() {
         if (this.events.length === 0) return;
         for (let index = 0; index < this.events.length; index++) {
             this.node.dispatchEvent(this.events[index]);
         }
         this.events.length = 0;
     }
}