列表过渡
官网上有几个比较复杂的过渡，看起来效果很炫酷，挑个简单的来说，好理解列表过渡的意思，复杂的效果可以以后慢慢研究。
一个简单的栗子
比如上图的代码，是个很简单的栗子，每点击一次
Add按钮，添加一行hello wolrd数据。然后在增加或者删除内容的时候，也想有过渡效果，这里我们可以使用一个新的标签
<transition-group>。它有几个特性：
1.不同于
<transition>，它会以一个真实元素呈现：默认为一个 <span>。你也可以通过tag特性更换为其他元素。2.内部元素总是需要提供唯一的
key属性值。
将transiton-group解析成p标签
比如说这里用
tag将transition-group解析成p标签
这个解析成ul
默认的是这样的：
这就是默认的transition-group解析的
除了包裹上transition-group标签以外，还要记得写配套的css样式代码。
css样式
来看下效果图：
我是效果图
原理是，当我们循环列表的时候，相当于给每一项添加了
class名称，恰好在上面我们定义了class名字对应的css样式，于是就有了过渡效果。
网友评论