Getting data from database using vuejs and laravel
<p>I have a select element and based on the the selection, data is to be retrieved based on the id selected.</p>

<p><strong>blade template</strong></p>

<pre><code> &lt;div id="pers_obj" class="form-group form-duration-div"&gt;
            {{Form::label("personal_objective", "Personal Objective/KPA")}}
            &lt;select name="personal_objective" id="personal_objective" v-model="personal_objective"&gt;
                &lt;option value="0" class="form-control"&gt;--Select Objective--&lt;/option&gt;
                @foreach($personal_objectives as $personal_objective)
                &lt;option value="{{ $personal_objective-&gt;id }}" class="form-control"&gt;{{ $personal_objective-&gt;name}}&lt;/option&gt;
                @endforeach
            &lt;/select&gt;   
            &lt;div v-cloak&gt;@{{personal_objective}}&lt;/div&gt;
        &lt;/div&gt;`
</code></pre>

<p><strong>measure.js</strong></p>

<pre><code>var pers_objective = new Vue({
el: '#pers_obj',
data:{
    personal_objective: null
},
});
</code></pre>

<p>How can I:</p>

<ol>
<li>retrieve data from database using vuejs</li>
<li>display data from the database using vue js</li>
</ol>