Skip to content

Instantly share code, notes, and snippets.

@k33g

k33g/index.html

Last active Apr 18, 2019
Embed
What would you like to do?
Vue.js + ES6
<div id="demo">
<h1>{{bob.fields.firstName}} {{bob.fields.lastName}}</h1>
</div>
<ul id="humans-list">
<li v-repeat="humans">
{{fields.firstName}} {{fields.lastName}}
</li>
</ul>
class Human {
constructor (arg={firstName:"John", lastName:"Doe"}) {
this.fields = arg;
}
get (fieldName) {
return this.fields[fieldName];
}
set (fieldName, value) {
this.fields[fieldName] = value;
return this;
}
}
class Demo extends Vue {
constructor () {
var properties = {
el: '#demo',
data: {
bob: new Human({firstName:"Bob", lastName:"Morane"})
}
};
super(properties)
}
}
class HumansList extends Vue {
constructor (collection) {
this.collection = collection;
super({
el: "#humans-list", data: collection
})
}
}
let demo = new Demo()
let humansList = new HumansList({
humans:[
new Human(),
new Human({firstName:"Jane", lastName:"Doe"})
]
});
@hendrysadrak

This comment has been minimized.

Copy link

@hendrysadrak hendrysadrak commented Jun 3, 2016

Isn't "super()" supposed to be before "this"? File main.js, line 30-31.

@rajsharma1612

This comment has been minimized.

Copy link

@rajsharma1612 rajsharma1612 commented May 25, 2017

@hendrysadrak yes you are right.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.