Vue with map object

by ktsn

HTML

<ul id="app">
  <li>{{ map.get('foo') }}</li>
  <li>{{ map.get('bar') }}</li>
</ul>

JavaScript

const vm = new Vue({
  el: '#app',
  data: {
    map: new Map([
      ['foo', 100],
      ['bar', 200]
    ])
  }
});

setTimeout(() => {
  vm.map.set(1000);
  vm.map.set(2000);
}, 2000);