Validating Initial Values

If you are using server-side rendering and you want to populate the inputs values during the rendering phase, for example when editing a record, you can use the immediate modifier on the v-validate directive to validate the field immediately. Make sure to read the note below the example.

Input locking and :value binding

WARNING

You could be tempted to use :value binding to populate your fields' initial values, but that would cause the inputs to be "locked", seemingly accepting no input from the user. This happens because as of Vue 2.0 the component template is like a function, it is run whenever the component updates, causing the input to revert to the bound value.

To get around this issue, you could use refs to populate the values. You can read more about that here.