title: Property or method is not defined on the instance in v-bind:class but is in data
body: <p>I have my component:</p>
  
  <pre><code>&lt;template&gt;
     &lt;div class="snack-visible" :class="{'snack-danger':!success,  'snack-success':success  }"&gt;
        &lt;div&gt;
           &lt;strong&gt;{{message}}&lt;/strong&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  
  export default {
     data(){
          return{
  
              showing: false,
              message:"",
              success:false
          }
      }
  //here other methods and created();
  }
  </code></pre>
  
  <p>So i have defined variables in data, but it return these errors:</p>
  
  <blockquote>
    <p>app.js:11624 [Vue warn]: Property or method "success" is not defined
    on the instance but referenced during render. Make sure to declare
    reactive data properties in the data option.</p>
    
    <p>found in</p>
    
    <p>--->  at /var/www/html/carrozzeria/resources/assets/js/components/Snackbar.vue
           </p>
  </blockquote>