Vue.jsでatributeを動的に変更する【id変更】

v-bind:もしくは、:(省略形)を先頭につけることで動的に変更できます。

<div id="app">
  <div :id="dynamicId">ここは動的なIDを持つ要素です</div>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    dynamicId: 'uniqueId'
  }
});
</script>

URLを動的に変えたい

URLを変えたいときとか文字列を足し算したいときはこんな感じです。

<img :src="'https://hogehoge/' + dynamicPath + '/hoge.jpg'" >