The problem arrises when trying to get the contents of a SimpleMDE skinned textarea into a Vue.js v-model bound variable, it doesn’t get through with the same ease as with a none Vue.js form - not even if you set the forceSync option of SimpleMDE. The solution is to wrap SimpleMDE in a Vue.js component, like so:
First include SimpleMDE in your Vue.js enabled webpage.
That’s the way I did it, because I had to operate within certain constraints, but you could install it via bower or npm as per the SimpleMDE documentation.
Next you need to add SimpleMDE as a component to your Vue instance.
Then simply use the component as per normal Vue.js components, here
mdetext is a variable in your Vue
And there you have it, SimpleMDE and Vue.js working together in harmony.