vue.js触る1

rails4 ,vue.js(0.11.4), slim

こういうことやりたい。

<div id="form" v-repeat='user_list'>
  <p>
  <input type="text" v-model="point">
  <p v-text="point"></p>
  <p v-text="name"></a>
  </p>
</div>

<script>
(function() {
  var vm = new Vue({
    el: '#form',
    data: {
      user_list: [
        { name: 'レジャスポ', point: 1 },
        { name: 'やまだ', point: 80 },
      ]
    }
  });
})();
</script>

jsフレームワークってjsonを受け取ってクライアントで HTMLを組み立てるのが想定した使い方なんだと思う。
だけど子要素をネストしているフォームみたいのだとハードコード増えてるのでサーバ側で組み立てほうが楽っぽい。

.....
- @gift_event.users.each do |user|
  = link_to '#' do
    = user.name
    span v-text="point_#{user.id}"
    br

......
- @gifts.each do |gift|
  = f.fields_for :gifts, gift do |ff|
    = ff.hidden_field :id
    .form-group
      = ff.label :point, 'ポイント'
      = ff.text_field :point, class: 'form-control', 'v-model' => "point_#{gift.gifted_user.id}"

画面によってがっつりvue使ったり使わなかったりでサーバとのコラボむずい感じがする。