[Vue笔记] 仿照`Teambition`手写`task-panel` ---- 组装篇

Introduction

构成task-panel的组件都已经写好了，这是如何处理各组件

dropdown

1. 接口

   • active

2. 向上传递

   • toggle
   • toggle-menu, 参数action

creator

1. 接口

   • active

2. 向上传递

   • toggle

editor

1. 接口

   • active

2. 向上传递

   • submit, 参数inputText
   • cancel

card

1. 接口

   • done
   • content

2. 向上传递

   • toggle

组件实现

自身接口

1.title
表示标题
2.tasks
表示task-panel中所有的card的内容

基本结构

  

    

       {{ title }}
    
      {{ cards.length }}
    
      

      
      

    
    
    

       
      
      
    
    
    

      

    
      

      

    
      
    
    
  

组件样式