免責事項：この記事はブロガーオリジナル記事ですが、許可ブロガーなく再生してはなりません。https://blog.csdn.net/cheidou123/article/details/91400647
応答は何ですか
「応答は、」データ変更時、コードのVueの使用はデータを通知することを意味します。例えば、レンダリングデータで使用されるビューは、データ変更後、ビューが自動的に更新されます。
例：
テンプレートの場合：
<div id="root">{{ name }}</div>
VUEコンポーネントの作成
var vm = new Vue({
el: '#root',
data: {
name: 'luobo'
}
})
コードが実行された後、それはページluoboが表示されます
、我々は、表示を変更したい場合は、単に手動でプロパティを更新する必要なしに、=「heidou」をvm.name。
二つの応答原則
応答VUEの基本原則は、オブザーバーパターンです。
1.Object.defineProperty方法
使用Object.definePropertyは、各プロパティをターゲットgetおよびsetメソッドを設定することができ
Object.definePropertyプロパティは、しかし、唯一の取得と設定に焦点を当て、説明、設定可能な列挙が、今例えば、多くの機能を設定することができます
プロパティがアクセスされたときプロパティは、トリガ設定機能が割り当てられているget関数を、トリガーされたとき。
2.によってコレクション
各属性データは、配列が、それを使う人保持していると宣言しています。
そのようなA、B、Cなどのページ属性名が名前A、次に、ある、B、Cは、アレイ時計に格納されます。それはそのインターフェースが更新される通知に依存し変化したときにそう。私たちがページにそれをすべて行う場合だけでなく、ページ、ようにそこに計算しても良いです。
プロフェッショナルのポイントは、2つのステップです。
- 各データ宣言の属性は、独自の依存関係コレクタ潜水艦があるでしょう
- ページのプロパティを使用する場合は、get関数がトリガされ、そのページウォッチャーは依存コレクタ潜水艦に入れられます
3.アップデートを依存しています
プロパティの変更は、setメソッドを使用すると、彼らは再読み込みするために、対応するプロパティページを知らせるように、プロパティには、その依存関係のコレクタを通過し、その後レンダリング終了しました。