動態(tài)綁定class
? 1. <p class="aClass"></p>
? ?2. <p：class="{aClass:a,? bClass:b}"> </p>
? ? 通過修改? a和b是true還是false來對p標(biāo)簽樣式做修改
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(){
? ? //取出相關(guān)的 數(shù)據(jù) 就是data中的數(shù)據(jù)
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
?}
}
