你不理解哪塊？

整體實現(xiàn)是有一個v-for所有notice類的組件。你每調(diào)用一次就往里push一個。

1.success->message

// 幾種方法最終都是調(diào)用message
success (options) {
    return this.message('success', options);
}

2.message-->notice

message(type, options){
        if (typeof options === 'string') {
            options = {
                content: options
            };
        }
        return notice(options.content, options.duration, type, options.onClose, options.closable);
    }

3.noitice-->getMessageInstance

function notice (content = '', duration = defaults.duration, type, onClose = function () {}, closable = false) {
    //...
    // 這個應(yīng)該是拿實例
    let instance = getMessageInstance()
    // 這個應(yīng)該是真正append到頁面上
    instance.notice({
        
    });

    // 用于手動消除，返回值不用管
    return (function () {
    })();
}

4.getMessageInstance-->Notification.newInstance

function getMessageInstance () {
    // 復(fù)用？
    messageInstance = messageInstance || Notification.newInstance({
    });
    return messageInstance;
}

5.iview/src/components/base/notification/index.js

Notification.newInstance = properties => {
    const _props = properties || {};
    // 創(chuàng)建了一個統(tǒng)一v-for所有notice類的組件
    const Instance = new Vue({
        data: _props,
        render (h) {
            return h(Notification, {
                props: _props
            });
        }
    });

    const component = Instance.$mount();
    document.body.appendChild(component.$el);
    return {
        // 3里有調(diào)用notice()的一步
        notice (noticeProps) {
            // 調(diào)了組件的add，向v-for隊列里加了一個，去notification.vue能看到
            notification.add(noticeProps);
        }
    };