URLの中に変数を代入する方法を教えてください【Vue.js】

        <div style="text-align: center;">    
            <iframe 
             width="240" height="180" 
             v-bind:src="video"
             frameborder="0" allow="accelerometer; autoplay; 
             encrypted-media; gyroscope; picture-in-picture" 
             allowfullscreen></iframe>
        </div>
      </div>
    </div>
    <script> 
        const app = new Vue({
          el: '#app',
          data: {
              video:''
          },
          mounted:function() {
            axios
            .get('自作したWebAPIのURL')
            .then(response => console.log(response.data))
            //.catch(response => console.log(response))
             this.video="https://www.youtube.com/embed/"+response.data
          },  

        })
    </script>