动态绑定class
1. <p class="aClass"></p>
2. <p：class="{aClass:a, bClass:b}"> </p>
通过修改 a和b是true还是false来对p标签样式做修改
3.<p :class="['aClass','cClass']"></p>
v-if v-else 和v-show
<p v-if="ok">成功了</p>
<p v-else>失败</p>
<button @click="ok=!ok"></button>
computed:{
filterPersons(){
//取出相关的 数据 就是data中的数据
const {searchName,persons} = this
let fPersons;
fPersons = persons.filter(p=>p.name.indexOf(searchName)!==-1)
//排序
if(orderdType!==0){
fPersons.sort(function(p1,p2)){
if(orderdType==2){
return p2.age-p1.age
}else{
return p1.age-p2.age
}
}
}
return fPersons
}
}
