前端（vue）入門(mén)到精通課程：進(jìn)入學(xué)習(xí)

在一些特殊場(chǎng)景下，使用組件的時(shí)機(jī)無(wú)法確定，或者無(wú)法在Vue的template中確定要我們要使用的組件，這時(shí)就需要?jiǎng)討B(tài)的掛載組件，或者使用運(yùn)行時(shí)編譯動(dòng)態(tài)創(chuàng)建組件并掛載。

今天我們將帶大家從實(shí)際項(xiàng)目出發(fā)，看看在實(shí)際解決客戶(hù)問(wèn)題時(shí)，如何將組件進(jìn)行動(dòng)態(tài)掛載，并為大家展示一個(gè)完整的解決動(dòng)態(tài)掛載問(wèn)題的完整過(guò)程。

無(wú)法解決的“動(dòng)態(tài)掛載”

我們的電子表格控件SpreadJS在運(yùn)行時(shí)，存在這樣一個(gè)功能：當(dāng)用戶(hù)雙擊單元格會(huì)顯示一個(gè)輸入框用于編輯單元格的內(nèi)容，用戶(hù)可以根據(jù)需求按照自定義單元格類(lèi)型的規(guī)范自定義輸入框的形式，集成任何Form表單輸入類(lèi)型。

這個(gè)輸入框的創(chuàng)建銷(xiāo)毀都是通過(guò)繼承單元格類(lèi)型對(duì)應(yīng)方法實(shí)現(xiàn)的，因此這里就存在一個(gè)問(wèn)題——這個(gè)動(dòng)態(tài)的創(chuàng)建方式并不能簡(jiǎn)單在VUE template中配置，然后直接使用?！?/p>