title: Re-use the same search component in same template vue.js
body: <p>I have normal search input witch will search and display some results. This is working fine, i need to clone this search input and re-use it again in the same component.</p>
  
  <pre><code>&lt;input class="search ml-2" type="search" placeholder="Search" v-model="search"&gt;
  </code></pre>
  
  <p>The js: </p>
  
  <pre><code> data() {
              return {
                  hubs: [],
                  search: '',
              }
          },
  computed: {
      filteredList: function () {
          return this.hubs.filter((hub) =&gt; {
              return hub.name.toLowerCase().includes(this.search.toLowerCase());
          })
      }
  },
  </code></pre>
  
  <p>My goal is to clone that search and show different result then the previous search, How can i do  that ? I might need to clone this search input more then twice.</p>
  
  <p>The second seuch input would work independent, should return different result.</p>