1.プロパティの計算は何ですか
計算:で優れた特性の計算に焦点を当て 属性
、最初にそれがされた単語(属性名詞) 属性
この属性が続くが持っている 计算
(動詞を計算する)能力を、ここでは 计算
関数であり、簡単に言えば、結果を算出することが可能ですキャッシュされたプロパティ(動作が静的プロパティに変換)、そして何よりも、キャッシュの考え!
プログラムを書く2。
注:メソッドやものは一意である必要があります計算
説明:
- 方法:メソッドの定義は、currentTime1()、使用してメソッドを呼び出す必要が括弧を
- 計算:計算された属性の定義、呼び出しがcurrentTime2の使用属性、括弧を必要としません。this.message currentTime2データを有効にするには、観測された変化を変更します
- メソッドの値にどのように変化するか、キャッシュが更新されます!コンソールで使用することができます vm.message =「計算プロパティ」データの値を変更し、テスト結果が再び観察されました!
結論:
- あなたがメソッドを呼び出すと農産物計算オーバーヘッドにそこにバインドされているので、毎回の必要性は、結果がある場合は、常にそれを変更しないことを、計算されますか?そして、あなたは簡単にこれを行うことができ、計算プロパティを使用して、キャッシュされるためにこの結果を考慮することができ、財産の主な特徴は、オーバーヘッド我々のシステムを節約するために、頻繁にキャッシュを変更しない結果を計算することです。
1 <!DOCTYPE HTML > 2 < HTML のlang = "EN" > 3 < ヘッド> 4 < メタのcharset = "UTF-8" > 5 < タイトル>タイトル</ タイトル> 6 </ ヘッド> 7 < ボディ> 。8 。9 < DIV ID = "VUE" > 10 <! - 注意、方法、一つの属性である- > 11 < P >現在の時間と呼ばれる方法:{{currentTime1()}}</ P > 12である < P >の計算現在時刻属性:currentTime2 {{}} </ P > 13である </ DIV > 14 15 < スクリプトSRC =「https://cdn.jsdelivr.net/npm/[email protected] 0.21 / DIST / vue.js " > </ スクリプト> 16 < スクリプトタイプ="テキスト/ JavaScriptを" > 17。 VAR VM = 新しい新しいVueが({ 18は EL:' #vue ' 、 19。 データ:{ 20は、 メッセージ:"VUEハロー' 21は 、} 22は、 方法:{ 23は currentTime1:関数(){ 24 リターンDate.now(); 25 } 26は 、} 27 計算:{ 28 // 特性であるcurrentTime2、!以上の方法 29 currentTime2:関数(){ 30は、 この.message、 31は リターンDate.now(); 32 } 33である } 34である )}; 35 </ スクリプト> 36 </ ボディ> 37 </ HTML >
それは見ることができます。
- メソッドメソッドはキャッシュに配置されていない、呼び出しが変更されました
- この方法は、キャッシュ内の同じコールを置いて計算しました。あなたは、コンテンツ、コンテンツキャッシュの変更を変更する場合。