Simple MVVM

A really simple mvvm framework

here is the demo

• fucking simple TodoMVC

• fucking simple Calendar

tiny demo

Usage (too old, see the demo)

<div id='demo1' class='demo'>
  Hello <span class='{{css}}' data-text='xx'>{{name}}</span>!
  <br>
  <p>now is {{time}}</p>
</div>
<script>
var demo1 = mvvm('#demo1', {
  model: {
    name: 'Monkey',
    time: Date(),
    css: 'green'
  }
})
setInterval(function() {
  demo1.model.time = Date()
}, 1000)
</script>

<div id='demo2' class='demo'>
  <label><span>name:</span>
    <input name='name'>
  </label>
  <br>
  <label><span>password:</span>
    <input name='password'>
  </label>
  <pre>{
  name: {{name}},
  passowrd: {{password}}
}</pre>
<script>
mvvm('#demo2', {
  type: 'form',
  model: {
    name: '',
    password: ''
  }
})
</script>