av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

創(chuàng)新互聯(lián)VUE3教程：Vue3.0過渡的class名更改

#概覽

過渡類名 v-enter 修改為 v-enter-from、過渡類名 v-leave 修改為 v-leave-from。

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比蚌埠網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式蚌埠網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋蚌埠地區(qū)。費用合理售后完善，十載實體公司更值得信賴。

#2.x 語法

在v2.1.8版本之前, 為過渡指令提供了兩個過渡類名對應(yīng)初始和激活狀態(tài)。

在 v2.1.8 版本中, 引入 v-enter-to 來定義 enter 或 leave 變換之間的過渡動畫插幀, 為了向下兼容, 并沒有變動 v-enter 類名：

.v-enter,
.v-leave-to {
  opacity: 0;
}


.v-leave,
.v-enter-to {
  opacity: 1;
}

這樣做會帶來很多困惑, 類似 enter 和 leave 含義過于寬泛并且沒有遵循類名鉤子的命名約定。

#3.x 語法

為了更加明確易讀，我們現(xiàn)在將這些初始狀態(tài)重命名為：

.v-enter-from,
.v-leave-to {
  opacity: 0;
}


.v-leave-from,
.v-enter-to {
  opacity: 1;
}

現(xiàn)在，這些狀態(tài)之間的區(qū)別就清晰多了。

組件相關(guān)屬性名也發(fā)生了變化：

  • leave-class 已經(jīng)被重命名為 leave-from-class (在渲染函數(shù)或 JSX 中可以寫為：leaveFromClass)
  • enter-class 已經(jīng)被重命名為 enter-from-class (在渲染函數(shù)或 JSX 中可以寫為：enterFromClass)

#遷移策略

  1. 將 .v-enter 字符串實例替換為 .v-enter-from
  2. 將 .v-leave 字符串實例替換為 .v-leave-from
  3. 過渡組件相關(guān)屬性名也需要進(jìn)行字符串實例替換，規(guī)則如上所述。

網(wǎng)站標(biāo)題：創(chuàng)新互聯(lián)VUE3教程：Vue3.0過渡的class名更改
當(dāng)前地址：http://uogjgqi.cn/article/dpedejd.html
掃二維碼與項目經(jīng)理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流