计算属性是不是只在第一次计算的时候收集使用到的属性，之后当这些属性变化的时候，会重新计算属性？？
例如，下面的例子，prefix属性会每秒变化一次，但prefix属性的变化不会导致upper计算属性的变化。
是不是因为第一次执行计算属性的时候，没有访问到prefix（因为if条件），之后，prefix变化也不会导致计算属性重新调用？？

   <div id='app'>
        <p> {{ upper }} </p>
    
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var xyz = new Vue({
            el: '#app',
            data: {
                name: 'xx',
                prefix: 'A',
                suffix: 'Y'
            },
            computed: {
           
                upper: function() {
                    var _this = this;

                    console.log('recompute :' + this.name);
                    if (_this.suffix.length > 10)
                        return this.name.toUpperCase() + "+" + this.prefix;
                    return this.name.toUpperCase() + "_" + this.suffix;
                }
            },
            mounted: function() {
                var _this = this;
                this.timer = setInterval(function() {
                    if (_this.name.length > 100 || _this.suffix.length > 50 || _this.prefix.length > 50)
                        return;
  
                    _this.prefix = _this.prefix + _this.prefix;
                    console.log("timer...prefix:" + _this.prefix);
                }, 1000);
            },
            beforeDestory: function() {
                if (this.timer)
                {
                    clearInterval(this.timer);
                }
            }

        });
      
    </script>