Vuejs и template

Есть вот такой код

const app = new Vue({
    router,
    el: '#app',
    template: '<p>111111</p>',
    data: {
        items: [],
    },
    created: function () {
        this.fetchData();
    },
    watch: {
        // call again the method if the route changes
        '$route': 'fetchData'
    },
    methods: {
      fetchData: function () {
          var requestUrl = this.$router.options.base + this.$router.history.current.fullPath;
          var self = this;
          this.$http.get( requestUrl ).then( response => this.$options.template = '<strong>22222</strong>' ); //not working :(
            // this.$options.template = '<strong>22222</strong>' // working
      }
    }
});

Т.е. получается при изменении роута отправляется ajax запрос, и я хочу динамически менять шаблон, но ничего не получается, ошибок нет, просто выводит начальный вариант

<p>111111</p>

Собственно почему так и как можно это сделать ?