How to pass the value of the input in props vue.js?

When they enter data into a form in the console immediately crashes error
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop''s value. Prop being mutated: "name"


I googled, but nothing helped. Apparently somewhere wrong.
Documentation has not helped solve the problem.

Form is used as a component in different places
<form > @submit.prevent="toSend">
 <input placeholder="Your name" type="text" name="name" id="name" required="" v-model.trim="name">
 <input placeholder="Your telephone" type="text" name="phone" id="phone" required="" v-model.number="phone">
 <input placeholder="Your email" type="email" name="email" id="email" required=""
the v-model.trim="email">
 <input type="submit" value="send request">
</form>

--------------------------------

 export default {
 props: ['task', 'titleMail', 'name', 'phone', 'email', 'titleForm'],
 ...


So insert into page
<contactForm task="order" titleMail="test" titleForm="test"/>
March 19th 20 at 09:14
0 answer

Find more questions by tags Vue.js