hello vue 变 vue hello

<div id='app'>
    <p>{{msg}}</p>
    <p>{{revmsg}}</p>
</div>
<script>
    new Vue({
        el:"#app",
        data:{
          msg:"hello vue",
        },
        computed:{
            revmsg:function(){
                return this.msg.split(' ').reverse().join(' ')
            }
        }
    })
</script>

点击加货

<div id="app">
        <button @click='add'>加货</button>
        <p>{{all}}</p>
</div>
<script>
    new Vue({
    el:"#app",
    data:{
      apple:{num:3,many:3},
      banana:{num:4,many:4}
    },
    computed:{
      all:function(){
          return this.apple.num*this.apple.many+this.banana.num*this.banana.many;
      }
    },
    methods:{
        add:function(){
            this.apple.num++;
            this.banana.num++
         }
    }
    })
</scropt>