我想实现一个类似vue的KeepAlive组件，可以给一些建议或思路吗 about san HOT 3 CLOSED

function keepAlive(Component) {
    let key = (new Date).getTime() + Math.random();
    let initData = Component.prototype.initData;
    let attached = Component.prototype.attached;
    let proto = {
        initData() {
            if (this.owner && this.owner.__keepAlive && this.owner.__keepAlive[key]) {
                return this.owner.__keepAlive[key];
            }

            return initData.call(this);
        },

        attached() {
            this.data.listen(change => {
                if (this.owner) {
                    if (!this.owner.__keepAlive) {
                        this.owner.__keepAlive = {};
                    }
                    
                    this.owner.__keepAlive[key] = this.data.get();
                }
            });

            attached && attached.call(this);
        }
    }
    

    return san.defineComponent(proto, Component);
}

const ManualCounter = san.defineComponent({
    template: '<div>{{count}}<button on-click="add">+</button></div>',

    add() {
        this.d.count++;
    },

    initData() {
        return {
            count: 0
        };
    }
});

const AutoCounter = san.defineComponent({
    template: '<div>{{count}}</div>',

    attached() {
        this.interval = setInterval(() => {
            this.d.count++;
        }, 1000)
    },

    detached() {
        clearInterval(this.interval);
    },

    initData() {
        return {
            count: 0
        };
    }
});

const Entry = san.defineComponent({
    components: {
        'c-manual': keepAlive(ManualCounter),
        'c-auto': keepAlive(AutoCounter)
    },

    template: `
        <div>
            <input type="radio" value="c-manual" checked="{= counter =}"  name="counter">manual
            <input type="radio" value="c-auto" checked="{= counter =}"  name="counter">auto
                <c s-is="counter" />
        </div>
    `,

    initData() {
        return {
            counter: 'c-manual'
        };
    }

});
(new Entry).attach(document.body)