Vueファイル内のダブルクォーテーション内で変数展開をしたい

Question

Vue.jsファイル内の変数展開について

vue.jsでの変数展開についてご教授いただきたいです。
下記のダブルクォーテーションの中に、変数を展開して入れたいです。

// ItemTag.vue

  <div class="tag">
    <input type="hidden" name="tags[]" value="{{ tag.name }}">  // <-このvalueにtag.nameを入れたい
    <div class="tag-name">
      {{ tag.name }}
    </div>
  </div>

上記コードで、

tag = {name: 'なまえです'};

の場合に、

  <div class="tag">
    <input type="hidden" name="tags[]" value="{{ tag.name }}">  // <-ここがtag.nameのまま表示される
    <div class="tag-name">
      なまえです  // <-ここは展開される
    </div>
  </div>

となります。

ダブルクォーテーションの中に変数を展開して入れるにはどのようにすればいいのでしょうか。
初歩的だと思いますが、よろしくお願いします。

Answer 1

解決しました。。

<input type="hidden" name="tags[]" v-bind:value="tag.name">

とやるのですね。
本質的な理解が足りない、勉強不足でした。