更新HBuilderX之后,组件多级嵌套的情况下会输出[Vue warn]错误

分类：HBuilderX

不知道是不是我用法的问题,更新了HBuilderX之后编译到小程序就会提示
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "list"

(附件是重现demo, 结构很简单)

我的结构如下:

<template>  
    <app-content>  
        <!-- 使用app-list遍历list的数据就会报错: [Vue warn]: Avoid mutating a prop -->  
        <app-list :list="list"></app-list>  

        <!-- 把app-list组件的内容写出来就不会报错 -->  
        <!-- <view v-for="(item,index) in list" :key="index">  
            {{item}}  
        </view> -->  
    </app-content>  
</template>  

<script>  
    import AppContent from '@/components/AppContent.vue'  
    import AppList from '@/components/AppList.vue'  
    export default {  
        components:{  
            AppContent,  
            AppList  
        },  
        data() {  
            return {  
                list: [1,2]  
            }  
        },  
        onLoad() {  
            // 联网请求数据  
            setTimeout(()=>{  
                this.list = [1,2,3,4,5,6] // 此处修改会提示错误: [Vue warn]: Avoid mutating a prop...  
            },2000)  
        }  
    }  
</script>

其中 AppContent.vue:

<template>  
    <view>  
        <slot></slot>  
    </view>  
</template>  

<script>  
    export default {  
    }  
</script>

其中 AppList.vue:

<template>  
    <view>  
        <view v-for="(item,index) in list" :key="index">  
            {{item}}  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        props:{  
            list: Array  
        }  
    }  
</script>