Как выбрать текст и занести его в инпут?

Доброе время суток, есть такая задача, помогите пожалуйста решить, есть список товаров, который выведен на странице через for, при клике на название товара, его нужно занести в инпут, если кликнуть на другой товар, то название в инпуте поменяется на другое))

<div>
	  <input type="text" >

	 <div v-for="phone in phones">
	    {{phone}}
	  </div>

	</div>

    export default {
        data() {
          return {
              phones: ['iPhone 7', 'Galaxy S8', 'Nokia N8', 'Xiaomi Mi6']
			}
        },