1. ホーム
  2. vue-component

計算されたプロパティを監視する

2023-11-05 19:59:27

質問

次のようなハッシュを持つコンポーネントがあります。

{ 
  computed: { 
    isUserID: { 
      get: function(){
         return this.userId? 
      } 
  }
}

見るべきもの isUserID それとも userId を変更できますか?計算されたプロパティを見ることができますか?

どのように解決するのですか?

はい、あなたは、設定することができます ウォッチャー 計算された プロパティを参照してください。 フィドル .

以下は、computed propertyにwatchを設定するコードです。

const demo = new Vue({
    el: '#demo',

    data() {
        return {
            age: ''
        };
    },

    computed: {
        doubleAge() {
            return 2 * this.age;
        }
    },

    watch: {
        doubleAge(newValue) {
            alert(`yes, computed property changed: ${newValue}`);
        }
    }
});