ホームページ > ウェブフロントエンド > jsチュートリアル > Vue2.0 の v-for 反復構文の変更点の詳細な紹介 (詳細なチュートリアル)

Vue2.0 の v-for 反復構文の変更点の詳細な紹介 (詳細なチュートリアル)

亚连
リリース: 2018-06-01 10:29:01
オリジナル
1796 人が閲覧しました

ここで、Vue2.0 での v-for 反復構文 (キー、インデックス) の変更に関する記事を共有します。これは良い参考値であり、皆さんの役に立つことを願っています。

今日、Vue2.0 についてコードを書いているときに、$key の値が正常にレンダリングできないことに気付きました。問題は次のとおりです。表示されない:

後で確認しました。ドキュメントからしかわかっていませんが、これは Vue2.0 で v-for 反復構文が変更されたためです:

破棄されました:

新しい配列構文

value in arr 
(value, index) in arr
ログイン後にコピー
新しいオブジェクト構文

value in obj (value, key) in obj 
(value, key, index) in obj
ログイン後にコピー
解決後:

上記皆さんのお役に立てれば幸いです。未来のみんなへ。

関連記事:

AngularJSに従って現在のルーティングページをリロードする方法は何ですか?

JavaScriptを介してWeChatランダムスイッチングコードを実装する方法(詳細なチュートリアル)

ES6を使用してWeakMapを通じてメモリリーク問題を解決する(詳細なチュートリアル)

以上がVue2.0 の v-for 反復構文の変更点の詳細な紹介 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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