title: Set a value to one of the props
body: <p>I use <code>Vue2</code> and <code>Vuetify</code>. I have a selector component that <code>extend</code>s the standard <code>VAutocomplete</code>. According to the logic of the component, I need to display <code>loading</code> when loading data. If you make a separate component, this is solved simply:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;&lt;v-autocomplete :loading=&quot;loading&quot; /&gt;&lt;/template&gt;
  &lt;script&gt;
  export default {
    name: 'CustomSelect',
    data() { return { loading: false } },
    methods: {
      methodWithLoading() {
        this.loading = true
        // do code...
        this.loading = false
      },
    },
  }
  &lt;/script&gt;
  </code></pre>
  <p>In the case of the extension, the code will be as follows:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;script&gt;
  import VAutocomplete from 'vuetify/lib/components/VAutocomplete'
  export default VAutocomplete.extend({
    name: 'CustomSelect',
    methods: {
      methodWithLoading() {
        this.loading = true
        // do code...
        this.loading = false
      },
    },
  })
  &lt;/script&gt;
  </code></pre>
  <p><code>loading</code> works because there is a <code>loadable</code> mixin deep within <code>VAutocomplete</code> that has a <code>prop</code> <code>loading</code> in it. This <code>prop</code> is responsible for the loading lane, no local variable or method is used, i.e. the prop <strong>directly</strong> affects the loading lane.</p>
  <p>And here begins the problem: I can't just change <code>this.loading</code> inside the component, because you can't put values of <code>props</code> directly.</p>
  <p>How do I set the value of <code>this.loading</code> (I don't care if the parent component can overwrite it)?</p>