Vue2 - Options API
定义:Vue2通常在一个vue文件中定义
methods
,computed
,watch
,data
中等属性、方法和数据,共同处理页面逻辑;这种方法称为Options API
特点:实现一个功能需要在不同的vue配置项中定义属性和方法,比较分散,项目不是很大时,清晰明了,尚还清除,但是项目大了后,一个methods中可能包含很多方法,这时候往往分不清哪个方法对应着哪个功能,项目结构不够清晰,梳理困难、可阅读性差。
Vue3 - Composition API
在vue3
Composition API
中,代码是根据逻辑功能来组织的,一个功能所定义的所有API
会放在一起,这样做即使项目很大,功能很多,都能比较快速的定位到这个功能所用到的所有API
,而不像vue2Options API
中一个功能所用到的API
都是分散的,当需要改动功能时,到处找API
的过程是很费劲的
上一篇
ES6查漏补缺
ES6查漏补缺
版权声明:《 Vue3 Composition API和Vue2 Options API 》为胡光喆原创文章,转载请注明出处!
最后编辑:2022-10-25 06:10:33