0
我剛來到Components節(單向數據流),我無法弄清楚如何顯示它們的計算屬性。顯示組件中的計算屬性
<div id="demo">
<input v-model="parentMsg"/>
<child v-bind:my-message="parentMsg"></child>
</div>
JS:
var Child = {
props: ['myMessage'],
template: '<span>{{ lowerCaseMsg }}</span>',
computed: {
lowerCaseMsg: function() {
return this.myMessage.trim().toLowerCase();
}
}
});
var data = {
parentMsg: 'Message'
}
var demo = new Vue({
el: '#demo',
data: data,
components: {
child: Child
}
})
感謝您指出了這一點,但它仍然是相同的。 – Nikola
它適用於我:[小提琴](http://jsfiddle.net/decademoon/df4Lnuw6/150/)。 –
現在也適用於我,我不小心編寫了'myMessage()'而不是'myMessage' - 謝謝! – Nikola