2016-08-26 3 views
7

私は何度もVUEインスタンスがbodyタグにバインドされているのを見たことがあります。 他の回は、私がbodyタグや(Vueのインスタンスの範囲を制限する)idタグを使用する必要があるとき、私は聞いてるのよdiv idボディや他の要素のバインドビュー

に結合しています。

二つの例:

new Vue({ 
    el: 'body' 
}); 

OR

new Vue({ 
    el: '#a-div' 
}); 

答えて

15

あなたはbodyタグを使用しないでください。実際には、bodyタグを使用するという警告が表示されます。

ルートインスタンスをbodyまたはhtmlにマウントする際に警告が追加されました。これは2.0では推奨されなくなりました。

これはrelease notesからですが、とにかく間違っていると、エラーが発生します。

+0

私はbody要素のクラスをvueデータから動的に変更する必要があります。bodyタグのクラスをどのようにバインドするのですか? –

+1

あなたはまだバニラJavascriptを使用できます。ウォッチャーを追加し、 'classList' DOM APIを使用して' body'タグにクラスを追加/削除してください。 – Husky

+0

navbarとメインコンテナをバインドする最善の方法はありますか? – oshliaer

関連する問題