Vue Simple Component

by Dzugaru

HTML

<template id="item-edit">
    <li>
      {{x}}
    </li>
  </template>

<div id="app">


  <ul>
    <item-edit x="123"></item-edit>
  </ul>

</div>

Babel + JSX

Vue.component('item-edit', {
  template: '#item-edit',
  props: ['x']
});

new Vue({
  el: '#app'
});