关于vue3的两种API写法——选项API和组合API

理解什么是选项API写法,什么是组合API写法

关于vue3的两种API写法——选项API和组合API_第1张图片

Options API

什么是选项API写法:Options API

  • 在vue2.x项目中使用的就是选项API写法
  • 代码风格:data选项写数据,methods选项写函数...,一个功能逻辑的代码分散
  • 优点:易于学习和使用,写代码的位置已经约定好
  • 缺点:代码组织性差,相似的逻辑代码不便于复用,逻辑复杂代码多了不好阅读
  • 补充:虽然提供mixins用来封装逻辑,但是出现数据函数覆盖的概率很大,不好维护


 Compositon API

  什么是组合API写法:Composition API

  • 咱们在vue3.0项目中将会使用组合API写法
  • 代码风格:一个功能逻辑的代码组织在一起(包含数据,函数...)
  • 优点:功能逻辑复杂繁多情况下,各个功能逻辑代码组织再一起,便于阅读和维护
  • 缺点:需要有良好的代码组织能力和拆分逻辑能力
  • 补充:为了能让大家较好的过渡到vue3.0的版本来,也支持vue2.x选项API写法

你可能感兴趣的:(#,Vue,前端,vue3,组合API,选项API)