Skip to content

Instantly share code, notes, and snippets.

@infomiho

infomiho/esnextbin.md

Created February 5, 2016 17:55
Show Gist options
  • Save infomiho/0d4fa354b0ff0de7c8d1 to your computer and use it in GitHub Desktop.
Save infomiho/0d4fa354b0ff0de7c8d1 to your computer and use it in GitHub Desktop.
Download ZIP
esnextbin sketch
Raw
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ESNextbin Sketch</title>
<!-- put additional styles and scripts here -->
</head>
<body>
<div id="test">{{ amazing }}</div>
</body>
</html>
Raw
index.js
import Vue from 'vue'
new Vue({
el: '#test',
data() {
return {
amazing: Date.now()
}
},
ready() {
let self = this
setInterval(() => {self.amazing = Date.now()}, 100)
}
})
Raw
package.json
{
"name": "esnextbin-sketch",
"version": "0.0.0",
"dependencies": {
"vue": "1.0.16"
}
}
Raw
transpiled.js
'use strict';
var _vue = require('vue');
var _vue2 = _interopRequireDefault(_vue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
new _vue2.default({
el: '#test',
data: function data() {
return {
amazing: Date.now()
};
},
ready: function ready() {
var self = this;
setInterval(function () {
self.amazing = Date.now();
}, 100);
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment