父組件操作子組件中的值，將父組件的值設置給子組件

原題：父組件搜索頁面引用了子組件搜索框，當點擊父組件中的熱門搜索關鍵詞的時候，將關鍵詞寫到子組件的input框中；

1.在組件中寫事件，將得到的參數寫到搜索框中：

    setQuery(query){
          this.query = query
        }

2.父組件中寫熱門關鍵詞的點擊事件：

  <span    @click="addQuery(item.k)"  class="host-span" v-for="(item,index) of  hotKey ">{{item.k}}</span>

 addQuery(query){
          this.$refs.searchBox.setQuery(query)
        }

其中：searchBox指的是子組件的dom

 <search-list  ref="searchBox"></search-list>

總結：父組件可以通過Dom使用子組件的事件（方法）