JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://underscorejs.org/underscore-min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
<script src="http://epoxyjs.org/js/backbone.epoxy.min.js"></script>
<div id="app">
<input type="text" data-bind="value:fullname" />
</div>
JavaScript
var Person = Backbone.Epoxy.Model.extend({
defaults:{
name: {
first: 'James',
last: 'White'
}
},
computeds: {
fullname: function() {
return this.get('name').first + ' ' + this.get('name').last;
}
}
});
var view = new Backbone.Epoxy.View({
el: '#app',
model: new Person()
});