Как отобразить общее количество сообщений Wp rest api в Vuejs

Question

Я новичок в Vuejs и пробую просто получить WP Rest Api с помощью axios.Я пытаюсь получить общее количество сообщений и отобразить это число.Я знаю, как добиться с помощью jQuery:

 $.get( 'localhost/wp-json/wp/v2/posts', function( data, status, request ) 
   {
numPosts = request.getResponseHeader('x-wp-total');
 console.log( numPosts ); 
 });

Как это сделать с помощью Axios?Я пытаюсь так.

   new Vue({
     el: '#app',
     data: {
     total: []
     },
  mounted() {
   axios.get("localhost/wp-json/wp/v2/posts")
   .then(response => {this.total = response.headers('x-wp-total').total})
 }
 });

И вывод:

  <div id="app">
       <p>
         {{total}}
      </p>

   </div>

Может кто-нибудь помочь мне с этим?