Vuejs how to pass data prop from jquery
<p>I am using Laravel, vue and js in my project</p>

<p>I wanted to get the data passed in my class <code>vueAddReview</code> from </p>

<pre><code>&lt;div id="app-vue"&gt;
    &lt;add-review class="vueAddReview"&gt;&lt;/add-review&gt;
&lt;/div&gt;
</code></pre>

<p>I am setting a data in the <code>vueAddReview</code> class by using jQuery</p>

<pre><code>    $(document).on('click', '.writeReview', function(e) {
    e.preventDefault();

    var addReviewModal = $('.addReviewModal');
    addReviewModal.modal('show');

    var listingId = $('.writeReview').data('listing-id');

    $('.vueAddReview').data('listing-id', listingId);
});
</code></pre>

<p>My problem here is I don't know how to pass <code>$('.vueAddReview').data('listing-id')</code> into vue as a prop</p>