ホームページ > ウェブフロントエンド > jsチュートリアル > Vue は、レンダリングせずに次の表を通じて配列ページを処理します。

Vue は、レンダリングせずに次の表を通じて配列ページを処理します。

php中世界最好的语言
リリース: 2018-04-11 16:05:14
オリジナル
1504 人が閲覧しました

今回は、Vue が配列ページを処理するために次のテーブルを使用し、レンダリングしないという注意事項を紹介します。以下は実際的なケースです。見てください。

Vue が Model

state の変更を監視できる理由は、JavaScript 言語自体が、object の変更を監視するための Proxy または Object.observe() メカニズムを提供しているためであることに注意してください。州。ただし、配列要素の割り当てを直接監視する方法はないため、配列要素に値を直接割り当てる場合は次のようになります。 これにより、Vue は View を更新できなくなります。

正しい方法は、配列要素に値を割り当てるのではなく、更新することです:

vm.todos[0] = {
  name: 'New name',
  description: 'New description'
};
ログイン後にコピー
または、 splice() メソッドを使用して、要素を 削除

してから、別の要素を追加して、「割り当て」の効果を実現します:

vm.todos[0].name = 'New name';
vm.todos[0].description = 'New description';
ログイン後にコピー
Vue は配列のスプライス、プッシュ、シフト解除、その他のメソッド呼び出しを監視できるため、上記のコードはビューを正しく更新できます。 この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

select のオプション オーバーレイに対処する方法


vue.js に CSS ライブラリをインポートする方法


以上がVue は、レンダリングせずに次の表を通じて配列ページを処理します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート