摘要：
以下代码是实现点击按钮使文字渐隐渐现的隐藏和显示的功能： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue中的进场和出场过渡</title> <script src="./vue.js"></script> <style> 阅读全文
摘要：
有这样一个代码需求：实现一个点击按钮，然后在列表中添加并显示内容 <div id="root"> <div v-for="(item,index) of list" :key="item.id"> {{item.title}} </div> <button @click="handleBtnClic 阅读全文
摘要：
多个元素的过渡 对于原生标签可以使用 v-if/v-else实现多个元素之间的过渡，如下面代码： .v-enter, .v-leave-to{ opacity: 0; } .v-enter-active, .v-leave-active{ transition: opacity 3s; } <div 阅读全文
摘要：
以前都是通过CSS实现动画效果,在Vue里可以用JS实现动画。 在Vue里用JS实现动画需要在transition标签的 attribute 中声明 JavaScript 钩子 第一个动画钩子：@before-enter <div id='app'> <transition @before-ente 阅读全文