本文實例講述了VUE動態組件的應用。分享給大家供大家參考，具體如下：
業務場景
我們在開發表單的過程中會遇到這樣的問題，我們選擇一個控件進行配置，控件有很多中類型，比如文本框，下來框等，這些配置都不同，因此需要不同的配置組件來實現。
較常規的方法是使用v-if來實現，這樣界面看上去比較複雜，而且需要進行修改主頁面。
解決方案
可以使用動態組件來實現，為了體現動態組件的特性，我們簡化實現方式，編寫兩個簡單的組件來測試一下這個功能。
文本組件配置：
這個組件我統一配置一個config的對象屬性，配置一個type屬性。
多行文本框配置：
這裡我配置一個name的屬性。
在調用界面做寫如下代碼，導入組件
使用動態組件：
使用代碼切換組件
這裡寫if只是為了體現這個特性，實際實現不用這種方式。
希望本文所述對大家vue.js程序設計有所幫助。
分享到:
閱讀更多 科技i關注 的文章
