Vue API总结

2019-02-25  本文已影响0人  A郑家庆

Vue.use

安装Vue.js插件
https://www.jianshu.com/p/89a05706917a

keep-alive

可以理解为缓存组件。
属性为include - 字符串或正则表达式。只有名称匹配的组件会被缓存。属性为exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。属性为max - 数字。最多可以缓存多少组件实例。

<keep-alive include="a,b">
  <component :is="view"></component>
</keep-alive>
<keep-alive :max="10">
  <component :is="view"></component>
</keep-alive>

component

动态组件,根据is的值来决定哪个组件被渲染。

<!-- 动态组件由 vm 实例的属性值 `componentId` 控制 -->
<component :is="componentId"></component>

tranition

单个节点过渡动画,通过name属性来确定实现什么动画效果。

transition-group

列表过渡动画,通过name属性来确定实现什么动画效果。

上一篇下一篇

猜你喜欢

热点阅读