title: Trying to assign min value in vee-validate dynamically
body: <p>Vue.js component is like below.</p>
  
  <pre><code>&lt;template&gt;    
      &lt;div class="container"&gt;
          &lt;input type="text" name="first_name" v-validate data-vv-rules="min:12"&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          props: ['messages']        
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>In the above component, <code>messages</code> property is an object with one property with value like this:</p>
  
  <pre><code>this.messages.Min_Length_First_Name: 3
  </code></pre>
  
  <p>I am trying to assign it like below.</p>
  
  <pre><code>&lt;input type="text" 
         name="first_name" 
         v-validate 
         data-vv-rules="min:this.messages.Min_Length_First_Name"&gt;
  </code></pre>
  
  <p>But, the input tag renders the min value = <code>this.messages.Min_Length_First_Name</code> instead of numeric value</p>
  
  <p>Am I missing anything?</p>