採用單例模式暴露乙個元件

2021-10-10 22:01:03 字數 1115 閱讀 5268

// alert.js

import vue from 『vue』;

// 具體的元件

import alert from 『./alert.vue』;

alert.newinstance = properties => ;

// 例項化乙個元件,然後掛載到body上

const instance = new vue();

}});

const component = instance.mou

nt()

;doc

umen

t.bo

dy.a

ppen

dchi

ld(c

ompo

nent

.mo

unt(

);do

cume

nt.b

ody.

appe

ndch

ild(

comp

onen

t.el);

// 通過閉包維護alert元件的引用

const alert = instance.$children[0];

return ,

remove (name) }};

// 提示單例

let messageinstance;

function getmessageinstance ()

function notice() );

}// 對外暴露的方法

export default

}import alert from 『./alert.js』

// 直接使用

alert.info()

// 或者掛載到vue原型上

vue.prototype.ale

rt=a

lert

//然後

在元件中

使用th

is

.alert = alert // 然後在元件中使用 this.

alert=

aler

t//然

後在元件

中使用t

his.

alert.info()

如何設計乙個單例模式

單例類最簡單的c 實現 class single single static single getinstance return m pinstance single single m pinstance null 單例要求 參考 劍指offer c 保證執行緒安全 class single ret...

Python 寫乙個單例模式

class amimal object a none b true def new cls,args,kwargs if not cls.a cls.a object.new cls 呼叫基類的 new 方法建立物件,修改類屬性 a return cls.a def init self,name,a...

寫乙個單例模式示例

要點 1.某個類只能有乙個例項 2.它必須自行建立這個例項 3.它必須自行向整個系統提供這個例項 幾種常見形式 餓漢式 懶漢式 延遲建立物件 懶漢式 1 構造器私有化 2 用乙個靜態變數儲存這個唯一的例項 3 提供乙個靜態方法,獲取這個例項物件 class singletondemo public ...