title: VueJS2, how to call props in data
body: <p>I created a component, I want to call the model value. If I do it the first way, but when I try to do it the second, I get this error.</p>
  <pre><code>[Vue warn]: Error in data(): &quot;TypeError: Cannot read properties of undefined (reading 'value')&quot;
  </code></pre>
  <p><strong>The first way</strong></p>
  <p><a href="https://i.stack.imgur.com/eG4AH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eG4AH.png" alt="enter image description here" /></a></p>
  <h1></h1>
  <p><strong>The second way</strong></p>
  <p><a href="https://i.stack.imgur.com/FQGuj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FQGuj.png" alt="enter image description here" /></a></p>
  <h1></h1>
  <p>I want to use second way because i want create own component vuetify date-picker and i want to pass date to him.</p>
  <h2></h2>
  <p>Unless it is possible to rewrite the first one in such a way that I can write the date in this way. Is there any way to &quot;vm&quot;? I am using this <a href="https://vuetifyjs.com/en/components/date-pickers/#formatting" rel="nofollow noreferrer">https://vuetifyjs.com/en/components/date-pickers/#formatting</a></p>
  <p><a href="https://i.stack.imgur.com/PjLUL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PjLUL.png" alt="enter image description here" /></a></p>
  <p>Thank you for answering</p>