Remember that using vue jsx has some caveats. Most importantly that most vue builtin directives are not supported (for example, v-for
, v-model
, etc.), expect for v-show
. Some of them can be implemented manually, but v-model
for example is kind of a pain in the ass.
https://vuejs.org/v2/guide/render-function.html#Replacing-Template-Features-with-Plain-JavaScript
https://github.com/vuejs/babel-plugin-transform-vue-jsx#vue-directives
There's this though:
https://github.com/nickmessing/babel-plugin-jsx-v-model
Also the sourcemap result is kind of crappy, things like @
are not mapped correctly, I resorted to just using 'eval'
as webpack config.devtool
, it's good enough for what I'm doing.