計算されました:
属性、使用量データを算出し、アセンブリを直接得るように使用されている{{XXX}}
用途:任意の計算複雑な論理データ
同様に、ゲッタ機能があり、最初の呼び出しの値の関数を呼び出すときにゲッター
<BODY> <DIV ID = "アプリケーション"> <H3>これは、属性データである-メッセージ{} {} </ H3> <H3>この属性は、計算で計算された- {{reversedMessage}} </ H3 > //直接計算された属性を使用して計算 </ div> <スクリプト> 新しい新しいヴュー({ EL: "#app" 、 データ:{ メッセージ: "こんにちは" }、 計算された:{ reversedMessage:機能(){//属性データを算出するデータはデータではありません。 戻るこの( "").message.splitを( "リバース()..参加" ); // reversedMessageメッセージが依存応答であることを特徴とする請求 } } }) </ SCRIPT> </ BODY>
比較特性と計算方法の方法。
算出方法は基本的に同じ性質であり、主に計算応答性は、式の時間依存性に応じて関連する変更の再評価場合、キャッシュに依存しています。つまり、キャッシュされたデータ、式は依存性応答が変更されないではなく、また必要性が再評価されるように、計算を低減します。
時計:
リスナーのプロパティ
用途:あなたが運転または大規模なオーバーヘッドの間の非同期データの変更を実行する必要がある場合は、このアプローチが最も有用です。
<DIV ID = "アプリケーション"> の<input type = "text"の名= "" Vモデル= "FIRSTNAME" ID = ""> の<input type = "text"の名= "" Vモデル= "LASTNAME" ID = ""> <H3> {{フルネーム}} </ H3 > </ div> <スクリプト> 新しいヴュー({ EL: "#app" 、 データ:{ FIRSTNAME: "DDD" 、 LASTNAME: 'KKK' 、 フルネーム: "" }、腕時計: { // だけ時間がFIRSTNAMEウォッチ関数呼び出しを変更し、そして指定されたデータを変更する// FIRSTNAME属性データがデータ存在する FIRSTNAME:関数(newValueに、OLDVALUE){//パス履歴が記録するために使用することができます / / 改正後の前記newValueにデータ、OLDVALUEデータ値が前に変更され 、この .fullname = この .lastName + " - " + newValueに; }、 氏名:関数(){ この .fullname = この .lastName + " - " + この.firstname } } }) </ SCRIPT>