Babel plugin for hot reloading Vue 2.0 JSX component.
This plugin only works with Vue 2.0 JSX and it's in very early stage. Use this for development only.
npm install --save-dev babel-plugin-vue-jsx-hot-reload
In your .babelrc
:
{
"plugins": [
["vue-jsx-hot-reload", { "debug": false }]
]
}
Then write your component like this
// You can't use export default { render(h) {} } directly
const Component = {
prop: {....},
render(h) {
return (
<div>Hello World</div>
);
}
};
export default Component;
// That's it !!
Setting debug: true
will log the JSX component name in terminal
MIT