JSFiddle - React, Tailwind, and code Playground

by wanghx

HTML

<script src="https://unpkg.com/[email protected]"></script>
<script src="https://unpkg.com/[email protected]"></script>
<script src="https://unpkg.com/vue@latest/dist/vue.js"></script>
<div id="root">
  {{ value1 }} {{ value2 }}
</div>

JavaScript

new Vue({
  el: '#root',
  data: {
    obj: {
      list: [
        { value: 'hello' },
      ],
    }
  },
  computed: {
    value1: { get: 'obj.list.0.value' },
    value2: { get: 'obj.list.1.value' }
  },
  mounted() {
    setTimeout(() => {
      this.obj.list.push({ value: 'vue' });
    }, 2000);
  }
})