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

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

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

翻譯過來就是：

資料屬性“dialogVisible”已經宣告為一個prop。使用prop預設值代替。

經過查詢是在元件傳值時，傳遞過來了一個 dialogVisible，但是在data方法中同時也定義了一個 dialogVisible，

檢視原始碼後是這樣：

大致思路就是：訪問data 和methods中的資料之外，還訪問了props元件傳遞過來的值，如果發現data資料欄位中的key值已經被定義，那麼props傳的引數再有這個重名的key值就會報這個錯誤。

props的訪問優先順序是 > data中的優先順序 > menthods中的優先順序

代表，如果在這個key值在props中出現，那麼data中的key值就不能定義了。

 

這樣兩個地方就重複宣告瞭，

所以，解決方案：把return 中宣告的刪掉就可以