Laravel + Vue bladeファイルのoldの値をvueへ渡したい

Question

やりたいこと

Laravel bladeのold()で保存されてる値を、vueに渡したいです。
Vueでは値の参照先は必ずVueインスタンスと決まっている様で、old()が上書きされてしまいます。

以下の様なコードがあったとします。

<div id="app">
    <input type="text" name="sample" value="{{old('sample')}}" v-model="v_value">

const sample = new Vue({
    el:'#app',
    data: {
        v_value: "",
    },
    watch: {
        v_value: function(){
            console.log(this.v_value);
        }
    }  
});

このとき、v_valueはVue内で初期化され、空白文字列となります。
その場合、inputに入力後にリロードしてもold()に保存されたデータが上書きされ、常にv_valueの初期値である空白となります。

これを、old()が上書きされない様にしたいです。

試したこと

oldを空白で上書きしないためにVueへ変数を渡してから初期化しようと考えました。
ただ、v-bind などを試してみたものの変数の受け取り方がわからず断念しました。

Answer 1

v_value: "{{old('sample')}}",

でv_value側にデフォルト値をセットすればいいのでは？

Comments

[Tatsuki-sth]

すみません、サンプルのため1つのファイルに書いてしまいました。
実際の想定は別ファイルに分かれている想定です。