Vue js componentについての注意点
①
data:{
},
template,,,,,,,,,,,,
といったオブジェクトの記述は出来ない。
この場合は
data(){第一引数(コンポーネント名, 第二引数(コンポーネント内容)))
の記述をする
例)
Vue.component('title-com',{
data(){
return{
}
},
template:`<h3>{{text}}</h3>`
})
や
return {
items:[
{id:1, name:'taro' },
{id:2, name:'ziro' },
{id:4, name:'yon' },
{id:5, name:'goro' },
]
}
},
template:`
<div>
<title-com></title-com>
<ul>
<li v-for='item in items' :key='item.id'>
{{item.name}}
</li>
</ul>
</div>
`
})
など
②コンポーネントのtemplate内では開始タグは同じ階層に1つしか置けない。