JSFiddle - React, Tailwind, and code Playground

by Mladen Mihajlovic

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.global.js"></script>
<div id="app">
  
  <p>{{ list }}</p>
  <button @click="doSomething">
  Do Something
  </button>
  
</div>

JavaScript

Vue.createApp({
  setup() {
    const list = Vue.ref([1]);

    const doSomething = () => {
			console.log('length',list.value.length);
      console.log('foreach', [...list.value].forEach(i=>i))
    }

    return {
      list,
      doSomething
    }
  }
}).mount("#app")