Vue

by iori horigome

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<div id=app>
  <item-desc v-bind:item-name='myItems'></item-desc>
</div>

<script>
Vue.component('item-desc',{
  props: {
    itemName: {
      type: String
    }
  },
  template: '<p>{{ itemName[0]}}は便利です。</p>'
})

new Vue({
  el: '#app',
  data: myItems:{myItem1: 'pen',myItem2: 'desk'}
  })
</script>