vue【封装 Vue.js 组件库】

一、组件库有哪些

• element-iu
• iview 
• CDD （Component-Driven Development）
  • 自下而上
  • 从组件级别开始，到页面级别结束
  • CDD 的好处
    • 组件在最大程度被重用
    • 并行开发
    • 可视化测试

二、组件库开发流程 

1、处理组件的边界情况

• $root
  • 小型应用中可以在 vue 根实例里存储共享数据，组件中可以通过 $root 访问根实例
    
    
    
    
• $parent / $children
  • $parent
    
    
    
    
    
    
  • $children 获取要用索引，可读性不高
    
    
    
    
     
• $ref
  
  • 获取普通的 Dom 对象
  • 获取对应的子组件对象
    
    
    
    
• 依赖注入 provide / inject 获取父组件中的成员
  • 自定义组件可以使用
  • 不建议改变引用的 inject 的值