Vue2.x-ソース学習 - シンプルなレスポンシブフレームワーク - 考える問題

选择题 1、Vue.jsのデータ応答に関する次の説明は正しいです。

• A. どのようなオブジェクトでも、そのオブジェクトのデータが変更されたときにビューに更新を通知できるレスポンシブオブジェクトとして設定できます。
• B. Vue.jsのオプションデータ(option data )のみ、レスポンシブオブジェクトに設定することができ、そのオブジェクトのデータが変更されると、ビューに更新を通知します。
• C. Depオブジェクトの役割は依存関係を収集することです。各プロパティはDepオブジェクトに対応し、プロパティが変更されると、Depオブジェクトのnotifyメソッドが呼び出され、ビューを更新する通知が送信されます。
• D. 1つのDepオブジェクトが複数のWatcherオブジェクトに対応することがあります。データ変更トリガーがDepオブジェクトに依存しており、対応するWatcherオブジェクトにビューを更新するよう通知する場合。

2、反応性の原則に関する以下の記述は誤りです。

• A. データオブジェクトのプロパティを、応答性のある新しいオブジェクトに設定します。
• B. ボタンがクリックされたら、データオブジェクトのobjに新しいname属性を追加します。
• C. Vue.jsはデータが変更されると、内部的に実DOMを直接更新します。
• D. Vue.jsの内部で、データが変更されたときに最初に操作されるのは仮想DOMです。

また、レスポンシブ・データに設定されている場合、新しいメンバの内部原理はどうなっているのでしょうか。

let vm = new Vue({
 el: '#el'
 data: {
 o: 'object',
 dog: {}
 },
 method: {
 clickHandler () {
 // name属性はレスポンシブか？
 this.dog.name = 'Trump'
 }
 }
})

• 新しいメンバーの追加はレスポンシブではありません。レスポンシブなデータ変換は初期化時に行われ、後から追加されたデータはレスポンシブではありません。
• vue.set()を使ったレスポンシブなデータ変換