computed选项

computed选项一般用来改变原来的值得形式，使data选项里的值尽量的整洁简单，因此我们一般用computed选项来给绑定的值进行改变大小写啊，添加修饰啊。下面就举一个将新闻日期倒过来的小栗子，因为数据输入时是旧时间到新时间，而我们想要的是先看到新时间的新闻，所以在computed中使用computed就很有必要

<div id="app">
       <p>{{newMessage}}</p>
       <ul>
           <li v-for="item in reverseNews">{{item.title}}-{{item.date}}</li>
       </ul>
   </div>
   <script>
       var app = new Vue({
           el:'#app',
           data:{
               message:100,
               news:[{title:'新闻1', date:'2019/01/24'},
                     {title:'新闻2', date:'2019/01/25'},
                     {title:'新闻3', date:'2019/01/26'},
                     {title:'新闻4', date:'2019/01/27'}]
               },
           computed:{
               newMessage:function(){
                   return this.message='￥'+this.message+'元';
               },
               reverseNews:function(){
                   return this.news.reverse();
               }

           }
       }) ;
   </script>