Vue.js How to get array object property on click?

Question

Vue.js

Good day, friends.
I ask for your help in resolving the issue:
Several elements are displayed on the page through v-for, how to dynamically, by clicking on one of them, get its property, say title?
html:

<div v-for="product in products">
    <div>
        <div> {{ product.title }} </div>
        <div> {{ product.description }} </div>
        <div>
            <button @click="add">click</button>
        </div>
    </div>
</div>

js:

data: {
        products: [
            { title: 'product one', description: 'description for one product' },
            { title: 'product two', description: 'description for two product' }
        ],
    }

Answer 1

<button @click="onClick(product)">click me</button>

methods: {
  onClick(item) {
    console.log(item.title);
  },
},