Omi 生命周期

示意图

举个例子

class Timer extends Omi.Component {
    constructor(data) {
        super(data);
    }
    install () {
        this.data = {secondsElapsed: 0};
    }
    tick() {
        this.data.secondsElapsed++;
        this.update();
    }
    installed(){
        this.interval = setInterval(() => this.tick(), 1000);
    }
    uninstall() {
        clearInterval(this.interval);
    }
    style () {
        return `
        .num { color:red; }
        `;
    }
    render () {
        return `<div>Seconds Elapsed:<span class="num"> {{secondsElapsed}}</span></div>`;
    }
}

点击这里→在线试试

转载本站内容时，请务必注明来自W3xue，违者必究。