title: Custom Vue Material md-Input how to get isDirty or isTouched
body: <p>I would like to create my own CustomMdInput, with basic validation. I would like to implement a input that work that way:</p>
  
  <p>I use a <code>&lt;fp-input v-model="test"&gt;&lt;/fp-input&gt;</code>, and It is important, that when this input is required, when someone clicked on it or typesomething (turns 'touched' or 'dirty' property), and next defocus this input and go to the another input, the previous one stays Invalid with all the validation, so i have something like this:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="md-layout-item"&gt;
      &lt;md-field&gt;
        &lt;label :for="id"&gt;Imię&lt;/label&gt;
        &lt;md-input :name="id" :id="id" :required="required" v-model="value" :ref="id" @input="emitValue()"&gt;&lt;/md-input&gt;
        &lt;span class="md-error"&gt;Imię jest obowiązkowe&lt;/span&gt;
      &lt;/md-field&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    name: 'FpInput',
    props: {
      value: {
        required: true
      },
      id: {
        required: true,
        type: String
      },
      required: {
        default: false,
        type: Boolean
      }
    },
    methods: {
      emitValue () {
        this.$emit('input', this.$refs[this.id].value)
      }
    }
  }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  
  &lt;/style&gt;
  </code></pre>
  
  <p>But i don't know how to check if this input isDirty or isTouched, and how can i set Validity of this input to check isFormValid after submit</p>