[Vue.js] Toggling elements with a key

<button class="brn btn-success btn-sm dropdown-toggle"
	id="cartDropdown" data-toggle="dropdown"
    aria-haspopup="true" aria-expanded="false">
    
<div class="drowndown-menu dropdown-menu-right"
	aria-labbelledby="cartDropdown">
    <div v-for="(item, index) in cart" :key="index">
    	<div class="dropdown-item-text text-nowrap text-right">
        	<span class="badge badge-pill badge-warning align-text-top mr-1">{{item.qty}}</span>
            {{item.name}}
            <b>{{item.price |currency}}</b>
        </div>
    </div>
</div>

//Use Bootstrap Features