slot和transition动画

slot

slot 插槽

作用： 可以让我们在组件中书写内容

transition动画

vue中实现过渡或是动画一共提供了这样四种形式：
- 在 CSS 过渡和动画中自动应用 class — 自己写css3动画
- 可以配合使用第三方 CSS 动画库，如 Animate.css – 别人写好了类名，我们用
- 在过渡钩子函数中使用 JavaScript 直接操作 DOM – 自己用原生js来写动画
- 可以配合使用第三方 JavaScript 动画库，如 Velocity.js – 用别人写好的动画库

使用动画

1. vue只要一使用transition组件就会自动添加6个类名 和 8 个钩子函数
2. transition组件如果有name选项，就可以将类名 v- 换成 ‘name’- 类名
3. 使用第三方的css过渡库 animate.css

动态组件

动态组件

• 动态组件是vue内部提供了一个叫做component的组件，这个组件身上可以通过绑定is属性来进行 组件的切换

动态组件优化

• keep-alive组件可以进行组件的内容缓存，将组件的内容存入浏览器缓存中，这样可以大大的节省街切换的事件

• keep-alive 和 component动态组件两者常常一起搭配使用