Как передать значение input в props vue.js?

Question

[Sergeyjed]

Когда вводишь данные в форму, в консоли сразу вылетает ошибка

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"

Я ее гуглил, но ничего не помогло. Видимо, где-то ошибаюсь.
Документация не помогла решить проблему.

Форма как компонент используется в разных местах

<form @submit.prevent="toSend">
                      <input placeholder="Ваше имя" type="text" name="name" id="name" required="" v-model.trim="name">
                      <input placeholder="Ваш телефон" type="text" name="phone" id="phone" required="" v-model.number="phone">
                      <input placeholder="Ваш e-mail" type="email" name="email" id="email" required=""
                             v-model.trim="email">
                            <input type="submit" value="отправить заявку">
            </form>

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

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

Так вставляю в страницы

<contactForm task="order" titleMail="test" titleForm="test"/>

Comments

[0xD34F]

Текст вопроса носом выстукивали? Не позорьтесь, исправьте грамматические ошибки/опечатки - "imput", "вводиш", "в консоле", "сращу"... И пунктуационные тоже было бы неплохо поправить.

[Sergeyjed]

0xD34F, спасибо

[alex]

Sergeyjed, документацию ещё раз курите

[Sergeyjed]

Alex, да курил пол дня, не выходит, ошибка остается

[0xD34F]

Sergeyjed, что "спасибо"? Два часа уже прошло, почему текст вопроса до сих пор не исправлен?

[Sergeyjed]

0xD34F, потому что не по теме пишешь, учи языку в другом месте

[0xD34F]

Sergeyjed, а, так вы осознанно хотите выглядеть неграмотной свиньёй. Ну, дело ваше.

[alex]

Sergeyjed, нельзя менять пропсы напрямую внутри компонента. вы должны эмитить событие, ловить его снаружи компонента, и снаружи компонента менять пропсы

[Виталий Мосин]

либо передавать через пропсы объектс данными для формы

export default {
      props: {
       formData: {
         // {task: '', titleMail: '', name: '', phone: '', email: '', titleForm: ''}
         type: Object
       }
     },