渲染函数render和函数式组件

函数式组件

  • 函数式组件只是一个函数,所以渲染开销也低很多。然而,对持久化实例的缺乏也意味着函数式组件不会出现在 Vue devtools 的组件树里。当你需要做这些时使用:
    • 程序化地在多个组件中选择一个
    • 在将 children, props, data 传递给子组件之前操作它们。
  • 函数式组件和使用渲染函数渲染的组件的区别在于
    • 无状态 (没有响应式数据)(渲染函数render只运行一次不会根据数据变动而重新渲染?)
    • 无实例 (没有 this 上下文,函数式组件不能通过this.拿到传入的值,而是通过第二参数context获取。)

猜你喜欢

转载自www.cnblogs.com/qq3279338858/p/10281391.html