vueサブアセンブリの親コンポーネントからのprops値を修正してエラーを報告する問題を解決します。

vueは直接にサブアセンブリの中で親コンポーネントから送られてきたpropsの値を修正することを勧めません。エラーが発生します。
[Vue warn]：Avoid mutting a prop directly since the value will be overwritten whenever the parent component ree-renders.Instead，use a data or computed property based on the prop's valution.Proberemut font。

 <input v-model="currentSearch" type="text" class="input-search" @keydown.enter="doSearch">

export default {
  name:"round-search-bar",
  props:['search'],  //       
  data(){
    return {
      currentSearch: this.search  //  data,      currentSearch,   currentSearch     ，          search  
    }
  },
  methods: {
    doSearch(){
      Util.searchAPI(this.$router,this.currentSearch)
    }
  },
}

以上のvueサブコンポーネントを修正しました。父のコンポーネントからのprops値のエラーを報告しました。この問題は小編集が皆さんに提供した内容の全部を共有しました。皆様に参考にしてもらいたいです。どうぞよろしくお願いします。