在学习vue的时候,发现一个奇怪的问题。看代码:
<div id="app">
<input type="text" v-model="inputMsg">
<v-h3 :testP="inputMsg"></v-h3>
</div>
Vue.component("v-h3", {
props: ['testP'],
template: '<h3>{{testP}}</h3>'
});
new Vue({
el: "#app",
data() {
return {
inputMsg: ""
}
}
});
发现不管怎么样,并不能将动态的input 传入组件中。后仔细观察后发现,props的值只能是小写。。不支持大写。。。。o(╯□╰)o 小细节坑死人啊。