繼續個人vue踩坑之旅。。。html
電商網站都會有搜索欄,輸入內容後在搜索結果頁面要帶入搜索的關鍵字,需求就從這裏來。代碼以下:vue
這裏展現。瀏覽器
而後就報錯了,具體內容爲:
全部的 prop 都使得其父子 prop 之間造成了一個單向下行綁定:父級 prop 的更新會向下流動到子組件中,可是反過來則不行。這樣會防止從子組件意外改變父級組件的狀態,從而致使你的應用的數據流向難以理解。ide
若是想要改變,能夠根據狀況選擇計算屬性或者在data中從新定義(其實瀏覽器報錯的後半段就是這麼說的)。因此改爲了這樣:網站