Vue3 Composition API和Vue2 Options API

Vue2 - Options API

定义:Vue2通常在一个vue文件中定义methodscomputedwatchdata中等属性、方法和数据,共同处理页面逻辑;这种方法称为Options API

特点:实现一个功能需要在不同的vue配置项中定义属性和方法,比较分散,项目不是很大时,清晰明了,尚还清除,但是项目大了后,一个methods中可能包含很多方法,这时候往往分不清哪个方法对应着哪个功能,项目结构不够清晰,梳理困难、可阅读性差。

options API.png

Vue3 - Composition API

在vue3 Composition API 中,代码是根据逻辑功能来组织的,一个功能所定义的所有API会放在一起,这样做即使项目很大,功能很多,都能比较快速的定位到这个功能所用到的所有API,而不像vue2 Options API 中一个功能所用到的API都是分散的,当需要改动功能时,到处找API的过程是很费劲的

Compositions API_2.png

Compositions API.png

2977909735-05d56e2129c408c7.gif

发表评论 / Comment

用心评论~