1. 程式人生 > >[Vue warn]: The data property "orderId" is already declared as a prop.Use prop default value instead

[Vue warn]: The data property "orderId" is already declared as a prop.Use prop default value instead

在使用Vue開發中,使用元件時報了這麼一個錯誤:

[Vue warn]: The data property "list" is already declared as a prop. Use prop default value instead.

翻譯的白話就是:“list”已經在prop聲明瞭.

錯誤程式碼:

export default {
    props:{
        list:{
            type:Array,            
        },        
    },
    data(){
        return {
            list:'',
        }
    }
}

原來props的優先順序 > data中的優先順序 > menthods中的優先順序,所以去掉data裡面的list定義即可

修改後程式碼:

export default {
    props:{
        list:{
            type:Array,            
        },        
    },
    data(){
        return {

        }
    }
}