Динамически загружать шаблонный компонент на основе встроенного шаблона

Question

Я хочу динамически добавить шаблон Vue, который определил атрибут inline-template с помощью вызова ajax. Контроллером является Asp.Net MVC, который возвращает PartialView vue шаблона.

Прямо сейчас мой ajax возвращает мне HTML в строке, которая не скомпилирована.

Контроллер

    [HttpPost]
    public ActionResult CreateFavoriteList(string title) {
        return PartialView("~/Views/CreateFavoriteList.cshtml");
    }

CreateFavoriteList.cshtml

<create-favorite-list inline-template>...</create-favorite-list inline-template>

CreateFavoriteList.js

  export default {
    name: "create-favorite-list",
     components: {
      },
       data() {
          return {
        favoriteListList: ""
          };
       },
        computed: {

         },
         methods: {
             }
     };

Я хотел бы добавить шаблон CreateFavoriteList из другого компонента:

FavoriteList.js

    GetFavoriteList() {
        axios.post(endpoint + "CreateFavoriteList",
            {
                title: this.title
            }).then(({ data }) => {

                var res = Vue.compile(data)
                var vm = new Vue({
                    render: res.render,
                    staticRenderFns: res.staticRenderFns
                })
                vm.$mount('#tempdiv')
            });
    },

Когда новый компонент монтируется, я получаю сообщение об ошибке: «Неизвестный пользовательский элемент: - правильно ли вы зарегистрировали компонент? Для рекурсивных компонентов обязательно укажите опцию« имя ».»

Как мне это сделать?