• • （渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染）
  • （<transition> 元素作为单个元素/组件的过渡效果。<transition> 只会把过渡效果应用到其包裹的内容上，而不会额外渲染 DOM 元素，也不会出现在检测过的组件层级中。）
  • （<transition-group> 元素作为多个元素/组件的过渡效果。<transition-group> 渲染一个真实的 DOM 元素。默认渲染 <span>，可以通过 tag 属性配置哪个元素应该被渲染。）
  • （<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。当组件在 <keep-alive> 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。）
  • （<slot> 元素作为组件模板之中的内容分发插槽。<slot> 元素自身将被替换。）

    
      
     
      toggled content
     
    
    
      
     
    
    
    
  
         
      
       toggled content
      
  
     
    

      
     
    {
   { item.text }}