Simple example of using can.compute with template

can.compute.example.js

var Person = can.Observe({
  fullName: can.compute(function(fullName) {
    if(typeof fullName === "undefined") {
      return this.attr('firstName') + " " + this.attr("lastName")
    } else {
      var parts = fullName.split(/\s+/)
      this.attr('lastName', parts.pop())
      this.attr('firstName', parts.pop())
    }
  })
})
 
person = new Person({
  firstName: "John",
  lastName: "Doe"
})
 
person.fullName() // -> John Doe
 
var tmpl = can.view.ejs("<span><%= this.person.fullName() %></span>")
 
$(document.body).html(tmpl({person: person})) // You will see "John Doe"
 
person.attr('firstName', "David") // Now you see "David Doe"
person.fullName("Marry Poppins") // Now you see "Marry Poppins" :)
person.attr('lastName') // -> Poppins