Skip to content

Instantly share code, notes, and snippets.

@k33g
Last active April 18, 2019 05:49
Show Gist options
  • Save k33g/f4ea54b6a2cf9555b959 to your computer and use it in GitHub Desktop.
Save k33g/f4ea54b6a2cf9555b959 to your computer and use it in GitHub Desktop.
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
Copy link

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

@rajsharma1612
Copy link

@hendrysadrak yes you are right.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment