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>
