выпадающий список загрузки, как выбрать в vue.js

Question

Мне нужно прослушать изменения в элементе (кнопке) начальной загрузки

<div class="dropdown">
  <button 
    class="btn btn-secondary dropdown-toggle" 
    type="button" 
    id="dropdownMenuButton" 
    data-toggle="dropdown" 
    aria-haspopup="true" 
    aria-expanded="false">
    USD
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <button class="dropdown-item">USD</a>
    <button class="dropdown-item">EUR</a>
  </div>
</div>

и передать выбранное значение в компонент Vue.Как я могу это сделать?

Answer 1

<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <button @click="select('USD')" class="dropdown-item">USD</a>
    <button @click="select('EUR')" class="dropdown-item">EUR</a>
</div>


select(val){
    this.val = val
}