站長資訊網(wǎng)
前端（vue）入門到精通課程：進(jìn)入學(xué)習(xí)
在一些特殊場景下，使用組件的時機(jī)無法確定，或者無法在Vue的template中確定要我們要使用的組件，這時就需要動態(tài)的掛載組件，或者使用運(yùn)行時編譯動態(tài)創(chuàng)建組件并掛載。
今天我們將帶大家從實(shí)際項(xiàng)目出發(fā)，看看在實(shí)際解決客戶問題時，如何將組件進(jìn)行動態(tài)掛載，并為大家展示一個完整的解決動態(tài)掛載問題的完整過程。
無法解決的“動態(tài)掛載”
我們的電子表格控件SpreadJS在運(yùn)行時，存在這樣一個功能：當(dāng)用戶雙擊單元格會顯示一個輸入框用于編輯單元格的內(nèi)容，用戶可以根據(jù)需求按照自定義單元格類型的規(guī)范自定義輸入框的形式，集成任何Form表單輸入類型。
這個輸入框的創(chuàng)建銷毀都是通過繼承單元格類型對應(yīng)方法實(shí)現(xiàn)的，因此這里就存在一個問題——這個動態(tài)的創(chuàng)建方式并不能簡單在VUE template中配置，然后直接使用。【
