Railsで作ったformのvalidationに引っかかっても値を保持していたい

Question

今、Rails + Vue.jsで入力した文字数をカウントしてくれるフォームを作成しているのですが、validationに引っかかった時でも値を保持していられるような方法を探しており、もしご存知の方がいらっしゃいましたら教えていただきたいです。

microposts#new

#micropost
  = f.label :title, 'タイトル'
  残り {{ Count }} 文字
  = f.text_field :title, 'v-model' => 'typedText'

micropost.js

new Vue({
    el: '#micropost',
    data: {
      typedText: '',
    },
    computed: {
      Count: function() {
        return this.typedText.length;
      },
    },
})

Comments

[miyabi-sun]

Vue.jsでやってるのに、どうして裏でAjax飛ばさないの？というお気持ち
Ajaxのお勉強→RailsはAjax(HTTPリクエスト)を受け取ってJSONを返す→JSONのデータを確認しながらdataを更新してテンプレートへの変更を促す
この流れで綺麗なUIを作れると思います。

[退会済みユーザー]

回答いただきありがとうございます。
全くその通りで、Vue.jsを使っているのに全く良さを活かしきれていませんでした。そこを踏まえて修正したいと思います。ありがとうございました！