通过js封装的Vue渐隐渐现效果大体两种方法:1、通过Velocity.js 2、原生js写动画
1、通过Velocity.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>list transition</title>
<script src="./vue.js"></script>
<script src="./velocity.min.js"></script>
</head>
<body>
<div id="app">
<fade :show="show">
<div>woshi content</div>
</fade>
<button @click="handleBtnClick">qiehunbhzuan</button>
</div>
<script>
Vue.component('fade', {
props: ['