Vue.jsとLaravelを使ってモデルを入力にバインドすることができません

Question

私はVue.jsに慣れていますが、ここでは基本的なことにつまらないようです...
私はVue.jsを含むLaravel 5.4を使用していますので、私は私の見解では、このコードを持って：

<form class="form-horizontal" role="form" method="POST" action="{{ route('login') }}" id="loginform"> 
<div class="field columns"> 
    <p class="control column is-half"> 
     <a class="button is-success is-fullwidth">Login</a> 
    </p> 
    <p class="control column is-half"> 
     <input type="text" v-model="rememberme" name="remember"> 
     <a class="button is-light is-fullwidth"><span class="fa fa-square-o fa-vertical-middle fa-has-margin fa-force-1rem"></span>Remember me</a> 
    </p> 
</div> 

<script> 
    new Vue({ 
     el:'#loginform', 
     data: { 
      rememberme: 1 
     } 
    }); 
</script> 

をしかし、関係なく、私は何をすべきか、私はいつも

アプリを取得しません.js：19558 [Vue警告]：プロパティまたはメソッド "rememberme"はインスタンスに定義されていませんが、レンダリング中に参照されます。データオプションで無効なデータプロパティを宣言してください。

Googleをチェックしてオンラインチュートリアルを確認しましたが、まだ問題があります。
私のレイアウトでは、スクリプトセクションの前にapp.jsをロードしました。そのため、Vue.jsが実際にそこにあります。

Answer 1

pastebinから、既に divという名前のVueインスタンスがインスタンスにバインドされているスクリプトapp.jsがあることがわかります。

このため、最初のVueインスタンスは#app div内のremembermeプロパティを参照していますが、remembermeというプロパティ自体はありません。そのため警告が表示されます。

だけapp.jsスクリプトでVueのインスタンスにremembermeプロパティを追加します。

const app = new Vue({ 
    el: '#app', 
    data: { 
    rememberme: 1 
    } 
}); 

を