props遇到的一些问题
2020-02-23 本文已影响0人
edisonTechBlog
今天重学vue基础时,突发奇想在props上使用了自己瞎定义的一个单词,刚好就有一个大写字母:itemAtr==>itemAttribute
然后呢就一直报错:提示无法读取data中定义的数据。后来将A改写为a就正常了!
Vue.component('todoItem', {
props: ['itematr'],
template: '<li>{{ itematr.text }}</li>'
})
let app=new Vue({
el:"#app",
data: {
items: [
{ id: 0, text: '蔬菜' },
{ id: 1, text: '奶酪' },
{ id: 2, text: '随便其它什么人吃的东西' }
]
}
})