Data Binding with Proxy Example

gistfile1.txt

const AppNode = {
  elm: document.createElement('div'),
  attri: {
    class: null,
    style: {}
  },
  handler: {
    get(target, prop, receiver) {
      if (prop in target) return target[prop]
      else throw new ReferenceError(`'${prop}' doesn't exist`)
    },
    set(target, prop, value, receiver) {
      Reflect.set(...Args)
    }
  },
  init(attr, name) {
    this.elm.setAttribute(attr, name)
    document.body.append(this.elm)
  }
}
AppNode.init(...['id', 'app'])
const App = new Proxy(AppNode, AppNode.handler)
App.elm.innerText = 'this is a test'