で計算違いVueの方法、時計、

1.計算（算出属性）

　　計算結果は、依存のみ再計算されない限り、属性、属性は応答変更キャッシュされます。この例の範囲外（例えば、非反応性など）に依存する場合、計算された属性は更新されないことに留意されたいです。

　　例えば：

< P >計算= {{和}} </ P >

計算：{ 
  SUM：関数（）{ 
    にconsole.log（ 'これは達成されるcpmputed処理A + B'）
    復帰番号（this.a）+ナンバー（this.b）
  } 
}

　　注意：ページの倍数の和を呼び出すと、それが唯一のコンソールでログを出力します：あなたはの値を変更しない限り、「これは、+ bのプロセスを達成cpmputedされる」またはb。

2.方法（方法）

　　Vueの方法は、インスタンスに組み込まれます。VMは、これらの方法の例を介して、または命令式で直接アクセスすることができます。この例のVueの自動バインディングのための方法。
　　例えば：

< P >メソッド= {{和（）}} </ P >

方法：{ 
  和（）{ 
        にconsole.log（ 'これを達成する方法は、+ B処理する'）
        復帰番号（this.a）+ナンバー（this.b）
    } 
}

　　注意：ページの複数のコンソールログに一度チューニング印刷、合計を呼び出すとき：「これはmthodsは+ bのプロセスを達成しています」。

3.時計（リスナーのプロパティ）

　　オブジェクトキーは、コールバック関数に対応する値を観察する必要性の表現です。値は、メソッド名、ルーティング、またはオプションを含むオブジェクトであってもよいです。Vueのインスタンスは、オブジェクトの各プロパティを見て横断、（）をインスタンス化する際に見$を呼び出します。

　　例えば：

時計：{ 
  A：関数（ヴァル）{ 
    にconsole.log（ 'これはプロセスの時計Aである'）
    this.c =ナンバー（ヴァル）+ this.b 
  }、
  B：関数（ヴァル）{ 
    にconsole.log（「プロセス時計B「）である
    this.c =番号（ヴァル）+ this.aは
  } 
}

　　注意：Vueが変化を観察するために、より一般的な方法を提供し、Vueのインスタンス上のレスポンスデータ：プロパティを見て。あなたは、時間と他のデータの変更に変更する必要があるいくつかのデータを持っている場合は、時計を誤用するのは簡単です。多くの場合、しかし、より良い練習が不可欠時計のコールバックではなく、計算属性を使用することです。

JS次の手順を実行します。

< スクリプト> 
  エクスポートデフォルト{ 
    データ（）{ 
      リターン{ 
        ：1 、
        B：2 、
        C：3 
      } 
    }、
    計算：{ 
      和：関数（）{ 
        にconsole.log（' 这是cpmputed实现的+ B处理' ）
         戻り数（この.A）+ ナンバー（この.B）
      }、
      C：関数（）{ 
        にconsole.log（'このプロセスは、+ B cpmputed実装である「）
         戻り数（このII.A）+ ナンバー（この.B）
      } 
    }、
    メソッド：{ 
      和（）{ 
        にconsole.log（」処理の方法を実装されて+ B ' ）
         戻り数（このII.A）+ ナンバー（この.B）
      } 
    }、 
    （）{ 作成
    }、
    {：時計
      ：関数（ヴァル）{ 
        にconsole.log（' これは時計Aの処理です' ）
        この.C = 番号（ヴァル）+  この.B 
      }、
      B：関数（ヴァル）{ 
        にconsole.log（' 这是時計のB的に处理' ）
         この.C = 番号（ヴァル）+  この.A 
      } 
    } 
  } 
< / スクリプト>