VUE旅程(2)

  繼續個人vue踩坑之旅。。。html

  電商網站都會有搜索欄,輸入內容後在搜索結果頁面要帶入搜索的關鍵字,需求就從這裏來。代碼以下:vue

  <v-search :keyword="this.$route.query.keyword"></v-search>
這裏把搜索的關鍵字(keyword)傳過來。
這裏接收參數,

這裏展現。瀏覽器

而後就報錯了,具體內容爲:

 

看了一下是props的問題。報錯內容的前一句指出:父組件會修改props中的數據。
  扒了一下 官方文檔,專門有講解的,叫作單向數據流:

全部的 prop 都使得其父子 prop 之間造成了一個單向下行綁定:父級 prop 的更新會向下流動到子組件中,可是反過來則不行。這樣會防止從子組件意外改變父級組件的狀態,從而致使你的應用的數據流向難以理解。ide

若是想要改變,能夠根據狀況選擇計算屬性或者在data中從新定義(其實瀏覽器報錯的後半段就是這麼說的)。因此改爲了這樣:網站

 

 運行OK。
  總結:要多看而且理解官方文檔,就像長者說的,要提升本身的知識水平啊!還有就是認真看報錯信息。
 這樣的低級錯誤要儘可能避免啊。。。
相關文章
相關標籤/搜索