大多數(shù)父組件往子組件傳值的情景都是：

父組件傳值—>子組件通過props接收父組件傳值—>子組件通過插值表達(dá)式{{Value}}去顯示值

但是！！總會有不同的情景出現(xiàn)！
當(dāng)我在使用element組件庫時候就遇到了如下情況：

image.png

一個很簡單的表單組件，但是它的數(shù)據(jù)顯示是通過model屬性綁定的，因而這里我們不能去使用表達(dá)式去處理了。一開始我想，那也很簡單啊，你不是要綁定值嗎，我在data里去寫一個form值，然后再給這個form綁定上父組件傳來的值不就完事了嘛?？瓷先ナ强尚械?，但是，事實往往不遂人意，這樣是行不通的。原因是，data屬性只是一個初始值，并不會實現(xiàn)數(shù)據(jù)綁定的效果，因此我這種妄圖通過data實現(xiàn)父子組件值綁定的思路破產(chǎn)了。

下面是正解(通過watch:監(jiān)聽器實現(xiàn))：

image.png

ps：更好的方法可以通過計算屬性computed去實現(xiàn)同樣的效果，從性能上較優(yōu)
歡迎大家糾錯和討論。