vue.js を使用する際の注意事項: 1. フィルターは主に単純なテキスト変換に使用されます; 2. 計算とメソッドの違い; 3. キーの使用; 4. 配列の使用; 5 . コンポーネントの使用 ; 6. コンポーネント通信。
この記事の環境：windows10、vue2.9、Dell G3パソコン。
(学習ビデオ共有: javascript ビデオ チュートリアル)
vue.js を使用する場合は、次の問題に注意する必要があります:
1.フィルターは主に単純な目的で使用されます。テキスト変換の場合、複雑なデータ変換を実装したい場合は、計算された属性を使用する必要があります。
2、命令の使用
##メソッドは括弧 () であり、括弧なしで計算されます。
-
computed は依存関係キャッシュに基づいており、関連する依存関係が変更された場合にのみ再検証されます。
-
メソッド 再レンダリングするとき、関数は常に再呼び出しされて実行されます。
-
4. キーの使用
Vue が要素をレンダリングするとき、効率を考慮して、既存の要素は可能な限り再利用されます。このとき、再利用する要素
<input key="go">
ログイン後にコピー
5にkey属性を追加する必要があります。array
filter()、concat()、slice()の使用変更されません 元の配列は新しい配列を返します
- パフォーマンスに影響を与えることなく、元の配列を新しい配列に置き換えます。 Vue がレンダリングするとき、DOM 要素を再利用しようとします。
- 一部の配列変更は Vue によって検出できず、ビューが更新されますapp.books[3] ={}app .books.length=1 上記の状況は、それぞれ Vue.set と app.books.splice(1) を使用して処理できます
- 6. コンポーネントの使用
、、
