Vue组件的几种设计方式

热门

• Components 常规 SPA 组件
• [[Hooks]] 组合式函数
  • 侧重于有状态的逻辑
• [[directive]] 自定义指令
  • 重用涉及普通元素的底层 DOM 访问的逻辑
• [[TSX]]
  • 组件颗粒度拆的更细
  • template 模板语法无法满足的时候
• [[命令式组件]] 命令式调用组件, 而不是通过视图调用

废弃

Vue2

• render() && h() vue2 的进阶组件封装方式, 更灵活, 更强大
• functional vue2 函数式组件, 用于性能优化