Vue中的列表過渡
????
????
????
????
????
????
????
????????//性能考慮，盡量不用index作為key值?
????????
????????????{{item.title}}
????????
????????
add
????
????
????????var?count?=?0;
????????var?vm?=?new?Vue({
????????????el:?"#root",
????????????data:?{
????????????????list:?[]
????????????},
????????????methods:?{
????????????????handBtnClick:?function()?{
????????????????????this.list.push({
????????????????????????id:?count++,
????????????????????????title:?"hello"
????????????????????});
????????????????}
????????????}
????????});
????
之前是對(duì)單個(gè)或多個(gè)元素之間做切換動(dòng)畫效果，現(xiàn)在，對(duì)一個(gè)列表過渡效果，用標(biāo)簽：
創(chuàng)新互聯(lián)專注于海滄企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站制作。海滄網(wǎng)站建設(shè)公司,為海滄等地區(qū)提供建站服務(wù)。全流程按需定制制作，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
????
????
????
????
????
????
????????/*因?yàn)闆]有給它命名，所以用默認(rèn)v開頭的class名*/
????????.v-enter,?.v-leave-to?{
????????????opacity:?0;
????????}
????????.v-enter-active,?.v-leave-active?{
????????????transition:?opacity?1s;
????????}
????
????
????????//性能考慮，盡量不用index作為key值?
????????
????????????
????????????????{{item.title}}
????????????
????????
????????
重慶分公司
重慶分公司
