Vueプロパティがアンダースコアで有効でない

Question

いくつかのテストを行っていましたが、アンダースコアを使用したときにプロパティが有効でないことに気付きました。 htmlファイルの

new Vue({ 
el : "#form", 

data: { 
    errors: [], 
    _username: '', 
    _password: '' 
}); 

：

例のアプリ上のコードでは

<input class="uk-input" type="text" v-model="_username" > 
<input class="uk-input" type="password" v-model="_password"> 

は表示されません。アンダースコアを取り除くとうまくいきますが、なぜこれが起こるのか誰かが知っていますか？

Answer 1

答えは、彼らがVueの内部プロパティとAPIのメソッドと競合する可能性があるため_または$で始まるプロパティは、Vueのインスタンスにプロキシされないますdocumentation

に見いだすことができます。あなたのテンプレートでvm.$data._property

としてそれらにアクセスする必要があります、あなたは$data._username/$data._passwordを参照する必要があります、例えば

<input class="uk-input" type="text" v-model="$data._username" > 
<input class="uk-input" type="password" v-model="$data._password"> 

ここに〜https://jsfiddle.net/9bzxuecj/2/