JSFiddle - React, Tailwind, and code Playground
HTML
<div data-bind="with: data">
<input data-bind="value: field1" type="text" />
<button data-bind="click: $root.reset">Reset</button>
</div>
JavaScript
function MyViewModel()
{
this.field1 = ko.observable();
this.field2 = ko.observable();
// etc...
}
var model = {
data: ko.observable(new MyViewModel()),
reset: function() {
model.data(new MyViewModel());
}
};
model.data().field1('test');
ko.applyBindings(model);