前言

成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計介紹好的網(wǎng)站是理念、設(shè)計和技術(shù)的結(jié)合。創(chuàng)新互聯(lián)擁有的網(wǎng)站設(shè)計理念、多方位的設(shè)計風(fēng)格、經(jīng)驗豐富的設(shè)計團(tuán)隊。提供PC端+手機(jī)端網(wǎng)站建設(shè)，用營銷思維進(jìn)行網(wǎng)站設(shè)計、采用先進(jìn)技術(shù)開源代碼、注重用戶體驗與SEO基礎(chǔ)，將技術(shù)與創(chuàng)意整合到網(wǎng)站之中，以契合客戶的方式做到創(chuàng)意性的視覺化效果。

日常中我們要使用一個彈框組件的方式通常是先通過Vue.component 全局或是 component 局部注冊后，然后在模版中使用。接下來我們嘗試編程式的使用組件。

實現(xiàn)

其實步驟很簡單

1. 通過 Vue.extend() 創(chuàng)建構(gòu)造器
2. 通過 Vue.$mount() 掛載到目標(biāo)元素上
3. 目標(biāo)實現(xiàn)一個 alert 彈框，確認(rèn)和取消功能如下圖

document.createElement

其實想要插入一個元素，通過 document.createElement 就可以實現(xiàn)，并非一定需要上面兩步，但是涉及到組件的復(fù)雜度、樣式設(shè)置、可維護(hù)性所以使用創(chuàng)建構(gòu)造器的方式比較可行。

Vue.extend()

首先來定義這個彈框的結(jié)構(gòu)和樣式，就是正常的寫組件即可

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享文章：Vue.extend編程式插入組件的實現(xiàn)-創(chuàng)新互聯(lián)
本文地址：http://weahome.cn/article/dpcdoj.html