VUE實現動態注冊組件

VUE動態注冊組件

1、為什么要動態注冊

我們在一些開發中，組件的使用並不是固定的，需要根據配置或者請求的數據去動態渲染某個組件，如果不動態渲染則需要去開發很多重復且冗余的頁面

2、怎樣實現功能

通過vue的component，代碼如下：

/**
     * @desc 統一加載注冊組件資源
     */
    registerComponent(templateName) {
      var directory = this.indicator.legacy?'custom':'charts';
      Vue.component(
        templateName,
        require("@/components/"+directory+"/" + templateName + ".vue").default
      );
    },

因為我的目錄也是通過參數配置的，所以用了一個三元表達式判斷該組件是在那個目錄，在使用的時候調用這個方法即可