Vue.js рэндеринг HTML с Vue-тэгом?

Здравствуйте.

Задача :
- Отрендерить HTML шаблон полученный с API с Vue-тэгами.

Для этого использую асинхронный компонент в которого закидываю параметр

Vue.component('HeaderBase', function (resolve, reject) {
  setTimeout(function () {
    resolve({
      template: '<div>{{ posts.html }}</div>',
      data: () => ({
        temp: {
          html: '<div></div>',
          name: "Hello World "
        },
      }),
      created () {
        axios.get('http://.../test/1/')
        .then(response => {
          this.temp = response.data
        })
      }
    })
  }, 1000)
})

temp.html = {{ temp.name }}
Естественно как результат я получаю простую строку с тэгами. Решил попробовать через v-html , но {{ temp.name }} осталась строкой.

Результат которого я ожидаю : Hello World

Прошу помочь в этом вопросе ибо гуглю уже довольно много.