Как легко обрабатывать формы с помощью VUE?
У меня есть несколько форм в моем SPA, все представлены через ajax.
Это шаблон, который я использую:<form @submit.prevent="submit">...</form>
а также submit() будет делать что-то вроде $(form).serialize, чтобы отправить данные формы.
Обычно это работает нормально, но есть проблема - пользовательский компонент, такой как vue-select: http://sagalbot.github.io/vue-select/
не будет работать, потому что это не создает поле формы. Поэтому я должен добавить его вручную к данным формы. Это стало источником стандартного кода, и я хочу этого избежать.
Вопрос: есть ли способ заставить vue автоматически создавать элементы данных на основе v-модели входов. Так как мне не нравится идея дублирования имен свойств (как в v-модели, так и в экземпляре vue). Вот почему я подчиняюсь с serialize()и не используйте v-модель, потому что мне проще просто создать <input> элементы с атрибутом имени.
Или сделать так, чтобы компонент действительно создавал поле формы?
В общем, есть ли лучший способ обработки форм с помощью vue? (опять же, без дублирования v-модели и членов данных?)