Form For Vue
Generate form based on standard
json-schema and customize it using
npm install --save ffv
Bundler (Webpack, Rollup)
<!-- Include after Vue --><!-- Local files --><!-- From CDN -->
uiSchema for jsonSchema is just like what css is for HTML. We use it to instruct
ffv how we want our form to be seen. To customize each prop pass available options for
that widget in
ui:options of that prop.
const schema =type: "object"properties:firstName:type: "string"lastName:type: "string"const uiSchema =firstName:"ui:options":...lastName:"ui:options":...
ffv has a very flexible approach in using widgets and props, in fact it simply add
form functionality such as validation to components of your own or built-in
you can pass your own widgets or props based on
ffv template or use built-in widgets and props.
built-in components are listed below
Bundle the js and css of to the
npm run build
prepublish hook will ensure dist files are created before publishing. This
way you don't need to commit them in your repository.
# Bump the version first# It'll also commit it and create a tagnpm version# Push the bumped package and tagsgit push --follow-tags# Ship it 🚀npm publish