基于vue展開收起動畫的示例代碼
之前用jquery實現(xiàn)還很簡單，然后用vue就一直不行，然后在網(wǎng)上找了很多，又仔細看了vue官網(wǎng) 的過渡&動畫，發(fā)現(xiàn)其實很簡單 (可以多看vue官網(wǎng) 過渡&動畫 實現(xiàn)更多效果)
成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站制作、網(wǎng)站建設(shè)、環(huán)縣網(wǎng)絡(luò)推廣、小程序制作、環(huán)縣網(wǎng)絡(luò)營銷、環(huán)縣企業(yè)策劃、環(huán)縣品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供環(huán)縣建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com
1、實際效果
2、代碼
.box{
height:200px;width: 200px;
background-color:black;
}
.draw-enter-active, .draw-leave-active {
transition: all 1s ease;
}
.draw-enter, .draw-leave-to /* .fade-leave-active below version 2.1.8 */ {
height: 0;
}