Estou tentando renderizar ou carregar componentes de dados da API. Para explicar mais, digamos que eu tenho o componente de teste, que eu injeto diretamente no meu componente pai, funciona. Mas quando estou tentando salvar a marca de componente no banco de dados e executar uma chamada ajax, minha marca de componente mostra, mas não funciona, ou melhor, carregar / renderizar. Por favor ajude.

Retorno da minha API:

{
    "_id": "59411b05015ec22b5bcf814b",
    "createdAt": "2017-06-14T11:16:21.662Z",
    "updatedAt": "2017-06-14T12:41:28.069Z",
    "name": "Home",
    "content": "<test-comp></test-comp>",
    "slug": "/",
    "navName": "Home",
    "__v": 0,
    "landing": true,
    "published": false
}

Meu componente pai:

<template>
  <div>
    <test-comp></test-comp> // This works
    <div v-html="page.content"></div> // But this doesn't :(
  </div>
</template>

<script>
  import { Api as defApi } from 'shared';
  import test from './testComp';

  export default {
    data: () => ({
      page: {}
    }),
    created() {
      defApi.get('api/pages/landing')
      .then((res) => {
        this.page = res.data.body;
      });
    },
    components: {
      testComp: test
    }
  };
</script>