（四）VUE动态组件、过渡小demo

	
	
	

	


	

		
我是公共头部
		

			
				
					
							
					
				

		
		

			

				
{{item}}
			
		
	

效果图：

过渡、动画的使用：

1.将需要过渡或动画的组件或元素放到transition组件中；

2.定义name属性，表示给该动画组件取一个自定义名字，还可以定义mode属性，指示过渡模式，取值为in-out/out-in

3.定义过渡状态的样式

如果自己也不知道想要什么样的动画效果可以借鉴一下动画插件的动画效果，利用animate.css的代码，需要什么动画效果到官网查看，再根据效果名称到animate.css源码中找到对应代码，直接复制到自己代码中使用，如下图，源码是被压缩过的，可以点击代码下方的“{}”将代码格式化（红色圈圈处）。