Why is Vue's Selected property not working?

Question

Vue.js

Why is the selected property not working on a Vue select option element?

The code:

<label>
                  Категория
                  <select v-model="Category" id="categoryTop"
                          class="select_category">
                    <option value="Большие" selected>Большие</option>
                    <option
                        v-for="cat in categoryOptions"
                        :value="cat"
                    >{{ cat }}</option>
                  </select>
                </label>

As a result, everything is displayed normally, but the input is empty, but you need the first element to be the default.
I noticed that for some reason Vue sets the value selected="selected" and it doesn't work, but if it's easy to set the handles in chrome dev tools: then everything works.
<option val="Пример" selected>Пример</option>

Answer 1

because

v-modelignores the initial value of attributes value, checkedor selectedon any form elements.