條件渲染、列表渲染、Class與Style綁定
===
### 條件渲染
- v-if
- v-else,v-else-if
- v-show
~~~
<div id="app">
{{msg}}
<div v-if="count > 0" style="background: red">
count>0 count value is : {{count}}
</div>
<div v-else style="background: aquamarine">
count value is : {{count}}
</div>
<button @click="countAdd">CountAdd</button>
<button @click="countJj">CountJj</button>
</div>
<script>
new Vue({
el:"#app",
data:{
msg:"hello Vue",
count:0
},
methods:{
countAdd:function () {
this.count ++
},
countJj:function () {
this.count --
}
}
})
</script>
~~~
