<template>
  <div>
    Сортировать по:
    <span class="smth" @click="expand = true">{{ order.field === 'price' ? 'По цене' : 'По популярности' }}</span>
    <div class="expanded" v-if="expand">
      <ul>
        <li @click="order.field = 'price'">>По цене</li>
        <li @click="order.field = 'pop'">По популярности</li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return { expand: false, order: { field: 'price' } };
  },
};
</script>