プロパティ7.Vueの計算

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 >

それは見ることができます。

  • メソッドメソッドはキャッシュに配置されていない、呼び出しが変更されました
  • この方法は、キャッシュ内の同じコールを置いて計算しました。あなたは、コンテンツ、コンテンツキャッシュの変更を変更する場合。

おすすめ

転載: www.cnblogs.com/zhihaospace/p/12078897.html