JSFiddle - React, Tailwind, and code Playground

by flourscent

HTML

<script src="https://unpkg.com/[email protected]"></script>
<div id="app">
  <p>
  {{ items[0].name }}
  </p>
</div>
<script>
  // 로딩 및 Vue가 전역 변수로 정의됐는지 확인
  console.assert(typeof Vue !== 'undefined');
</script>

JavaScript

var items = [
  {
    name: '연필',
    price: 300,
    quantity: 0
  },
  {
    name: '공책',
    price: 400,
    quantity: 0
  }
]

var vm = new Vue({
  el: '#app',
  data: {
    items: items
  }
})

window.vm = vm