Example on loading data into model

[xpepermint]

Example on loading data into model

[xpepermint]

Hey!

The this.{datakey}. holds an instance of a Model and all the available model methods are actually provided by the contextable.js framework. This plugin adds some reactive methods (prefixed with $) which automatically execute this.$forceUpdate() command thus the Vue re-renders your form when a model changes.

Best practice for loading data (e.g. edit user page) would be within beforeCreate hook. First, you should add an instance method for populating user model into you contextable.js schema and then run it into the beforeCreate hook.

I'm finishing the example here and it should be ready by tomorrow.

[xpepermint]

Example:

<template>
...
</template>

<script>
export default {
  contextable: {
    ...
  },
  methods: {
    ...
  },
  beforeCreate () { // or beforeMount or other hook
    this.user.populate({name: 'John Smith'});
    // this.user.myInstanceMethodDefinedInSchema(); -> preferred
  }
}
</script>

[xpepermint]

I've completed the vue-example so I'm closing this issue. Please let me know if the you need any further information on this.

[michaelsorich]

Thanks. Exactly what I was looking for.

I have not yet understood all the concept in vue-example but a related issue was how to convert the model instance to a json object for posting to a rest api. I found some code (e.g. JSON.parse(JSON.stringify(this.user))) for doing this that may be worth including in the getting started section, presuming this is the best way to do this.