vueの計算プロパティ

属性の需要理由の計算

は多すぎる論理をテンプレートに書いて、維持しにくいので、この点のmethodsでも解決することができて、関数呼び出しの違いがあるかどうかで、1つの括弧は1つの括弧がなくて、しかしこれだけではありません:

計算属性を1回実行すると計算したdataのデータがキャッシュに格納され、methodsメソッドを使用すると呼び出され続け、メソッドが極めて複雑な場合に計算属性の利点が浮き彫りになる

.

変化に依存する限り、計算属性の結果も

変化する.
ファジイクエリの機能の実装

<!--                -->
    <input type="text" v-model="mytext3"/>
    <ul>
        <li v-for="data in getMydatalist">
            {{data}}
        </li>
    </ul>
    </div>

このgetMydatalistは計算属性なので、計算属性はdataのデータとして使用できます.

 getMydatalist(){
                    return this.datalist2.filter(item=>item.indexOf(this.mytext3)>-1)
                }

このような書き方はあいまいなクエリの結果とmytext 3の依存を形成し,mytext 3が変化すると計算属性は新しいループ可能なリストを形成し,結局計算属性は1つの関数の戻り値を1つのdataの中のデータとして用いることができる.計算プロパティは、既存のデータを加工することです.このデータテンプレートで使用されている場合は、テンプレートに配置してレンダリングすることができ、dataのデータの変化に依存して動的に変化することができます.