How to use v-model within Laravel - laravel

Question

Below is my app.js file. When using v-model, and NOT v-modal, do I need to import anything in the app.js file or download anything via npm? I have already ran npm install. The template is working fine and all normal vue functionality is working, I am only stuck when it comes to v-model. v-model is not working. The email is not appearing in the body when I use v-model.
require('./bootstrap');
window.Vue = require('vue');
Vue.component('example-component', require('./components/ExampleComponent.vue').default);
Vue.component('formtemp', require('./components/formtemp.vue').default);
const app = new Vue({
el: '#app',
});
Vue Component
<template>
<div class="form-group">
<label for="email">Email</label>
<input
v-model='email'
type="text"
id="email"
placeholder="email"
class="form-control"
>
<h1>Email: {{email}}</h1>
</div>
</template>
<script>
export default {
data() {
return {
email: ''
}
},
}
</script>

Answer 1

I’m guessing formtemp component generates a form element.
I think formtemp is not including the Example component and as such the input elements it’s generating are outside the form element and not sent when making the HTTP call.
Including the Example component inside your form component should fix it.