v-bind綁定的參數名不能用駝峰嗎?用了駝峰好像就不是<li>標簽里的文本了,而是li標簽里的一個屬性
<body>
<div id="root">
<ul>
<todo-item
v-for="it in lists"
v-bind:todoContent="it"
>
</todo-item>
</ul>
</div>
<script>
Vue.component('todo-item',{
props: ['todoContent'],
template: '<li>{{todoContent}}</li>'
})
new Vue({
el: "#root",
data: {
lists: ['123','123','423','1415']
},
methods: {
change: function() {
this.content = "hello change";
this.show = !this.show;
},
openli: function() {
this.subListOpen = !this.subListOpen;
?
}
}
})
</script>
</body>
2019-07-31
是的,不能用大寫,也不能用‘-’連接
2019-03-07
剛剛看了下官方文檔,明白了:因為html是不區分大小寫的,v-bind:綁定的其實是todocontent,然而在組件里是js語法區分大小寫,參數名是todoContent,所以接收不到參數
這樣就行了