Turning up the Form

Let's start the injection and put the Vue-Form-Builder into your lifecycle.

Install the Vue Form Builder Plugin

Simply:

import {VueFormBuilderPlugin} from 'v-form-builder'
import 'v-form-builder/dist/v-form-builder.css' //load CSS from your App

// install now
Vue.use(VueFormBuilderPlugin, options)

You might not need to inject it globally, just, register when you want to use. In that case, it would save you a lot of KBs (if you applied the async component registeration)

Browser Usage

Browser is even simpler. You just need to include the JS & CSS file. Then register and enjoy it:

<!-- header -->
<link href='css/v-form-buider.css' rel='stylesheet' type='text/css' />

<!-- footer -->
<script src="js/vue.min.js"></script>
<script src="js/v-form-builder.js"></script>

<script>
Vue.use(VueFormBuilderPlugin, options);
</script>

Last updated