egoist
3/12/2016 - 3:04 PM

esnextbin sketch

esnextbin sketch

transpiled.js
content_copyfile_download
'use strict';

var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n            <div onclick=', '>', '</div>\n        '], ['\n            <div onclick=', '>', '</div>\n        ']);

var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral');

var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);

var _evangelion = require('evangelion');

var _evangelion2 = _interopRequireDefault(_evangelion);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var app = (0, _evangelion2.default)({
    data: function data() {
        return { count: 0 };
    },

    methods: {
        increment: function increment() {
            this.count++;
        }
    },
    render: function render() {
        return (0, _evangelion.html)(_templateObject, this.increment, this.count);
    }
});

app.$mount(document.body);
package.json
content_copyfile_download
{
  "name": "esnextbin-sketch",
  "version": "0.0.0",
  "dependencies": {
    "evangelion": "0.0.0-alpha",
    "babel-runtime": "6.6.1"
  }
}
index.js
content_copyfile_download
import eva, {html} from 'evangelion'

const app = eva({
    data() {
        return {count: 0}
    },
    methods: {
        increment() {
            this.count++
        }
    },
    render() {
        return html`
            <div onclick=${this.increment}>${this.count}</div>
        `
    }
})

app.$mount(document.body)
index.html
content_copyfile_download
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>ESNextbin Sketch</title>
  <!-- put additional styles and scripts here -->
</head>
<body>
  <!-- put markup and other contents here -->
</body>
</html>
esnextbin.md
content_copyfile_download
  • Rendered
  • Source

made with esnextbin