<my-component params="title: title"></my-component>
<script>
function ViewModel(data){
var self = this;
self.title = ko.observable(data.title);
}
model = new ViewModel({ title: 'my title:'});
function MyComponent(data){
self.title = ko.observable(ko.unwrap(data.title));
}
ko.components.register('my-component', {
template: '<h1 data-bind=\'text: title() \'></h1> <div data-bind=\'text:ko.toJSON($component)\'></div>',
viewModel: MyComponent
});
ko.applyBindings(model);
</script>