title: How do access to vee-validate errors and clear them outside vue instance (component)
body: <p>I want to clear errors after i close modal or after i send data to database and i do it outside vue instance, i have tryed <code>vm.$validator.errors.clean()</code>, and reset but these wont work for me, any suggestions how do access them outside component?</p>
  
  <pre><code> Vue.component('add-modal', {
      template: '#add-modal-template',
      mounted() {
          $(document).on('hidden.bs.modal','.modal', function (e) {
              $(this).remove('bs.modal');
              $(this).removeData('bs.modal');
              $(".modal-body input").val(" ");
              $('.modal-body option:first').prop('selected',true);
              console.log($(this).find('.modal-body').html());
              var myBackup = $(this).find('.modal-body').html();
              $('.modal-body').empty();
              $('.modal-body').append(myBackup);
  
              console.log(vm.$validator.Errors);
          });
      }
      }
  
      var vm = new Vue({
          el: '#app',
          data: {},
          created: function(){
              //if something is need to be loaded first
          }
      });
  
  });
  
  
      &lt;script type="text/x-template" id="add-modal-template"&gt;
      &lt;!-- Modal --&gt;
      &lt;div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"&gt;
          &lt;div class="modal-dialog modal-dialog-centered" role="document"&gt;
              &lt;div class="modal-content"&gt;
                  &lt;div class="modal-header"&gt;
                      &lt;h5 class="modal-title" id="exampleModalLongTitle"&gt;Add new deal&lt;/h5&gt;
                      &lt;button type="button" class="close no-glow" data-dismiss="modal" aria-label="Close"&gt;
                          &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
                      &lt;/button&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body"&gt;
                      &lt;form id="addDealForm" @submit.prevent="" v-on:submit.prevent&gt;
                          &lt;div class="form-group"&gt;
                                  &lt;label&gt;Deal title&lt;/label&gt;
                                  &lt;input type="text" name="title" class="form-control" id="Contact Person" v-validate="'required|max:15'" placeholder="Enter deal title" v-model="deal.title"&gt;
                                  &lt;span class="error text-danger" v-show="errors.has('title')"&gt;{{errors.first('title')}}&lt;/span&gt;&lt;br&gt;
                          &lt;div class="modal-footer"&gt;
                              &lt;button type="button" class="btn btn-outline-primary no-glow" data-dismiss="modal"&gt;Close&lt;/button&gt;
                              &lt;button class="btn btn-success no-glow"&gt;Save&lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>I provided code example</p>