Vue3 核心语法练习前章

在进入学习Vue3 正式的语法学习之前 我们需要了解Vue2 OptionsAPI和 Vue3 CompositionAPI的一些优势和劣势

1:OptionsAPI（选项式) 和 CompositionAPI (组合式）语法区别:

OptionsAPI:在前端开发的过程中 我们会通过.vue相关组件完成前端的开发  一般 Vue2 在.vue组件中  都是以配置 选项式的风格 来完成我们前端的一些方法 通过一个图片展示一下 这些组合 共同处理页面逻辑来完成整个页面设计 到动态方法的完成 :

Vue2 （OptionsAPI配置选项式语法）  弊端: 

在一些大的项目中 通过Vue2选项式语法 所有的 butoon 方法都保存在methods:方法区当中 当我们需要维护的时候就需要具体到那个方法去进行维护 并且需要对数据参数进行修改 这样就会导致非常麻烦: 使用Vue2 选项式语法 在大型前端开发的过程中 我们代码的复用性就比较差 维护起来麻烦的这种情况 特别是逻辑 全部拼凑在一起 非常拥挤  ;

Vue3 CompositionAPI 优点 :

Vue3 CompositionAPI 通过组合式的语法方式 就是为了解决 OptionsAPI选项式语法的存在的一些问题： 前面通过Vue2.0 展示 发现选项式语法 方法之间 特别分散  代码之间非常的拥挤 维护起来困难  而组合式 将前面Vue2.0 的一些方法区之间全部组合集中在一起 我们这里通过一个点击计数的案例来展示对比一下:

 

这里我们发现  Vue2 数据、方法、计算属性等，是分散在：data、methods、computed中的 而Vue3 将 Vue2 这些分散的形式 全部集中在一起处理 从而变得更加灵活 和可维护 

自我理解:

Vue2 相比较Vue3来讲 从代码理解上其实我更偏向于Vue2 这种风格的语法更适合初学者来进行 前端的一些设计和开发  相比较 Vue3来说 Vue2 更加容易上手

而Vue3 的语法 Vue 3 的组合式 API 提供了更好的逻辑组织、代码复用性 它使得开发者能够更好地组织和管理代码，提高开发效率和代码质量;