uni-app 页面更新数组类型的变量时 组件的prop使用该变量的表达式赋值 数组更新 组件的prop不会刷新

uni-app 页面更新数组类型的变量时 组件的prop使用该变量的表达式赋值 数组更新 组件的prop不会刷新

示例代码：

Footer：  
<template>  
    <view>  
        {{length1}}|  
        {{length2}}  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {};  
        },  

        components: {},  
        props: {  
            length1: Boolean,  
            length2: Boolean  
        },  
        methods: {}  
    };  
</script>  

Page：  
<template>  
    <view class="content">  
        <image class="logo" src="/static/logo.png"></image>  
        页面的值：  
        <view class="text-area">  
            <text class="title">{{(list1.length>0)}}|{{(list2.length>0)}}</text>  
        </view>  
        <div>组件内的值： <Footer :length1="(list1.length>0)" :length2="(list2.length>0)"></Footer>  
        </div>  
        <button @click="tapAdd">改变值</button>  
    </view>  
</template>  
<script>  
    export default {  
        data() {  
            return {  
                title: 'Hello',  
                i: 0,  
                list1: null,  
                list2: []  
            }  
        },  
        onLoad() {  

        },  
        methods: {  
            tapAdd() {  
                this.i++;  
                if (this.i == 1) {  
                    this.list1 = [];  
                }  
                if (this.i == 2) {  
                    this.list1.push({});  
                }  
                if (this.i == 3) {  
                    this.list1 = [{}];  
                }  
                this.list2.push({});  
            }  
        }  
    }  
</script>

如代码示例。组件Footer中有两个prop，length1和length2，组件中直接显示。赋值时使用判断表达式(list1.length>0)。页面中直接输出表达式的值作为对比。

操作步骤：

多次点击“改变值”按钮，观察页面中显示的数据。

预期结果：

页面中显示的值、组件中显示的值，应该一致才对

实际结果：

点击按钮后修改list1和list2数组。可以发现页面中显示的值与组件中的值并不一致。页面中的值更新了，组件中的值没有更新。

bug描述：

页面更新数组类型的变量、组件的prop使用该变量的表达式赋值，当数组更新时，页面中的变量正常更新，但组件的prop变量不会刷新。（已上传完整测试项目，见附件）

附件下载