2.0.0-beta2 • Published 7 years ago
gremlins-data v2.0.0-beta2
gremlins-data
gremlin.js element data mixin.
Installation
requires gremlins@1.1.x
NPM
$ npm install gremlins-data
Usage
- all
data
attributes will be parsed into the.data
object of the gremlin's instance. all other attributes can be found in the
.props
object of the gremlin's instance.Properties and data will be updated if they are changed in the dom, use the
attributeDidChange
callback if you need to update the component then.
<data-gremlin
id="foo"
name="Gizmo"
data-string="foo"
data-number="42"
data-yes="true"
data-no="false"
data-obj='{"foo":"bar","deep":{"foo":"bar"}}'
data-with-long-name="foo">
</data-gremlin>
const gremlins = require('gremlins');
const data = require('gremlins-data');
gremlins.create('data-gremlin', {
mixins: [data],
attached() {
console.log(this.props.id); // string foo
console.log(this.props.name); // string Gizmo
console.log(this.data.string); // string foo
console.log(this.data.number); // number 42
console.log(this.data.yes); // boolean true
console.log(this.data.no); // boolean false
console.log(this.data.obj); // object {foo: 'bar', deep: {foo: 'bar'}}
},
attributeDidChange(attributeName, previousValue, value){
console.log(attributeName + ' changed to it\'s value to', value);
}
});
2.0.0-beta2
7 years ago
2.0.0-beta1
7 years ago
1.1.0
8 years ago
1.0.0
8 years ago
0.4.1
8 years ago
0.4.0
8 years ago
0.3.1
9 years ago
0.3.0
9 years ago
0.2.0
9 years ago
0.1.0
9 years ago