How to make placeholder on SELECT?

Question

Vue.js

I don't understand how to make placeholder on select. I found an example which is in the code, but it does not work.

<vSelect
        class="select_change select-gradient"
          v-model="selectedDirection"
          :options="directionOptions"
          @input="setDirection"
        >
        <option class="select__placeholder" value="" disabled selected>Выберите из списка</option>
        </vSelect>

Answer 1

Add a slot to the component: Accordingly, when using the component, you can pass something to this slot:
<slot name="placeholder"></slot>

<template #placeholder>
  <option value="" disabled>давай, выбирай</option>
</template>

https://jsfiddle.net/zc53rugL/