[Vue.js]親から子へ


HTML

<div id="app">
   <item v-bind:item-name='myItem'></item>
</div>

Vue.js

Vue.component('item',{
  props:{
//親から受け取る属性名
    itemName:{
      type:String
    }
  },
//親から受け取る属性
 template:'<p>{{ itemName }}</p>'
})

new Vue({
  el:"#app",
  data:{ myItem:'親から子へ'}
})