JSFiddle - React, Tailwind, and code Playground

HTML

<div id="vue">
  Click on some products and then edit their name
  <h3>Products:</h3>
  <div v-for="product in products" @click="selected.push(product)">
    {{product.name}}
  </div>
  <h3>Selected:</h3>
  <div v-for="product in selected">
    <input v-model="product.name">
  </div>
</div>

JavaScript

new Vue({
  el: '#vue',
  data: {
    products: [{name: 'Apple'}, {name: 'Banana'}, {name: 'Orange'}],
    selected: []
  }
})