title: Vue.js : Property or method is not defined on the instance but referenced during render
body: <p>I have</p>
  <pre><code>&lt;template&gt;
      &lt;div class=&quot;dashboard&quot;&gt;
          &lt;Navbar /&gt;
          &lt;MainPanel :title=&quot;Dashboard&quot; :icon=&quot;dasboard&quot; /&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import MainPanel from '../../components/MainPanel'
  import Navbar from '../../components/Navbar'
  
  export default {
      name: 'Dashboard',
      components: {
          Navbar,
          MainPanel
      }
  }
  &lt;/script&gt;
  </code></pre>
  <p>As you can see, I'm trying to reuse my MainPanel component.</p>
  <p><strong>MainPanel</strong></p>
  <pre><code>&lt;template&gt;
      &lt;v-container fluid class=&quot;my-5&quot;&gt;
          &lt;v-row&gt;
              &lt;v-flex col-xs-12&gt;
                  &lt;v-card elevation=&quot;2&quot; class=&quot;pb-15&quot;&gt;
                      &lt;v-flex xs12 class=&quot;text-center&quot;&gt;
                          &lt;v-card-title&gt;
                              &lt;v-btn dark text color=&quot;black&quot;&gt;
                                  &lt;v-icon right class=&quot;mr-2&quot;&gt;{{ icon }}&lt;/v-icon&gt;
                                  &lt;span&gt;{{ title }}&lt;/span&gt;
                              &lt;/v-btn&gt;
                          &lt;/v-card-title&gt;
                      &lt;/v-flex&gt;
                  &lt;/v-card&gt;
              &lt;/v-flex&gt;
          &lt;/v-row&gt;
      &lt;/v-container&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
      name: 'MainPanel',
      props: {
          icon: String,
          title: String
      },
      data() {
          return {
              icon: '',
              title: ''
          }
      }
  }
  &lt;/script&gt;
  &lt;style lang=&quot;&quot;&gt;&lt;/style&gt;
  </code></pre>
  <p>In the console, I kept getting this error</p>
  <blockquote>
  <p>[Vue warn]: Property or method &quot;dasboard&quot; is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/7WBeW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7WBeW.png" alt="enter image description here" /></a></p>
  <p>Can someone please give me some hints ?</p>