Clean, Scalable Forms with Vue Composition API


This is a companion discussion topic for the original entry at https://vuejsdevelopers.com/2020/03/31/vue-js-form-composition-api/

Hi Anthony, I’ve been trying to replicate the forms you describe in the post ‘Clean, Scalable Forms… etc’ and so far I’m having no success. When I run a version of the code, NOT using App.vue but a lower lever component a number of issues appear. Props shows empty in the debugger when using value. 2) the emit isn’t returning a value to the outside component it seems Did this example you post ever work, and if so is it available for learning? Thx

Update - by changing the v-model to v-model:value and emiting update:value it’s all working nicely, thx. Not sure if it was the v-model:value or more likely the emit that was failing to update.

Hi Martin. I’m surprised you need to bind to v-model:value as I believe the default prop that v-model binds to is value. Anyway, if you’d like to check against the code I created, here’s the repo: https://gitlab.com/anthonygore/composition-api-form