单项数据流

在vue里总是有一些残缺的例子看不懂。。。。。

单项数据流

定义一个计算属性，处理 prop 的值并返回 的用法

看例子：

<div id="app">    <input type="text" v-model="message">    <child v-bind:my-message="message"></child></div><script>     Vue.component('child', {        props: ['myMessage'],        computed:{          toLower:function(){              return {toLo:this.myMessage.trim().toLowerCase(),toUp:this.myMessage.trim().toUpperCase()          }          }        },        template: "<div>{{myMessage}} <p>{{toLower.toLo}}</p><p>{{toLower.toUp}}</p></div>"    });    new Vue({        el: '#app',        data: {            message: ''        }    })</script>