JSFiddle - React, Tailwind, and code Playground

by origineil

HTML

Example bound to object: <span data-bind="text:section1"></span>
<br/>
Example bound to object.text: <span data-bind="text:section2"></span>

JavaScript

var object = function() {
   this.text = "blah blah blah";
}

var objectViewModel= function (object) {
    
   var contentAsObject = ko.observable(object); 
   var contentAsText = ko.observable(object.text)
   
   this.section1 = ko.computed(function() {
        return contentAsObject().text; 
   })
   
   this.section2 = ko.computed(function() {
        return contentAsText(); 
   })
}

var vm = new objectViewModel(new object());
 
ko.applyBindings(vm)