title: Error response won't show up using vue and blade
body: <p>I have created a small validation using laravel and vue js but when I tried to display the errors using vue it won't show up inside a div. When I check using dev tools, the messages are there but didn't display to the specified div.</p>
  
  <p>Sample blade:</p>
  
  <pre><code> &lt;div class="alert alert-danger" v-if="errors"&gt;
       &lt;ul&gt;
            &lt;li v-for="error in errors"&gt;@{{ errors[0]}}&lt;/li&gt;
       &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Sample script:</p>
  
  <pre><code>var vm = new Vue({
          el:'#app',
          data: {
              errors: false
          },
          mounted: function() {
              $('.fileinput').fileinput();
          },
          methods: {
              submitForm: function() {
                  vm.errors = null;
                  var form = document.forms.namedItem("addProjectForm");
                  var formdata = new FormData(form);
                  $.ajax({
                      url: $('#addProjectForm').attr('action'),
                      data: formdata,
                      contentType: false,
                      processData: false,
                      method: 'post',
                      error: function(data) {
                          if (data.status === 422) {
                              vm.errors = data.responseJSON;
                          }
                      },
                      success: function(data) {
                          swal("Success", "Project added successfully", "success")
                      }
                  }); 
              }
          }
      })
  </code></pre>