Vues JS - POI - JSX

POI is a nice tool to create VueJS app without worrying about webpack configuration

Simply add this code in index.js file and run poi index.js

 

import Vue from "vue"

let data = { nom: 'Paul', age: 12 };

function mycomp (m) {
 return (
  Vue.component('m-c', {
   render() {
    return <div>Hello {m}</div>
   }
  })
 )
}

let template = (h, { nom, age }) =>
 <div style='color:red;'>
  <m-c></m-c>
  <div>Hello { nom } you are { parseInt(age) * 2 }</div>
 </div>

new Vue({
 el: "#app",
 render(h) {
  return template(h, data)
 },
 components: [mycomp('hal')]
})