title: Run a jQuery function after v-for is done in vue?
body: <p>Using vue-resource i am able to get data from my api and set it so i can use it in my html , my problem is i want to run a jquery function after v-for is complete so jquery could see elements in my dom , here is my code :</p>
  
  <p><strong>js</strong>
  </p>
  
  <pre><code>dataUrl = "http://localhost:8081/hesabiha/userSubmissions";
  
  var app = new Vue({
    el: "#campaign",
    methods: {
      getSubmissions: function(){
        this.$http.get(dataUrl, function(submissions){
          this.$set('submissions', submissions);
        });
      },
    },
  
    ready: function(){
      this.getSubmissions();
    }
  });
  </code></pre>
  
  <p><strong>html</strong>
  </p>
  
  <pre><code>&lt;div v-for="item in submissions" class="grid-item"&gt;
      &lt;img v-bind:src="item.field_image[0].url" alt="Hello"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to run this function against my page :</p>
  
  <pre><code>$('.grid').masonry({
      // options...
      itemSelector: '.grid-item',
      columnWidth: 200
    });
  </code></pre>
  
  <p>It doesn't work , is there anyway so i can run this jquery function after v-for is complete ?</p>