面试题:vue2中option API的和vue3中composition API中的数据和方法能否交互?

结论:

vue2中option API中的数据和方法可以从vue3中的composition API中进行调用, 而vue3中的composition API是不可以从vue2中的数据进行调用。

原理:

因为composition API中的函数setup在页面的生命周期中要比vue2中option API中的data、methods等这些提前使用挂载,所以vue2中option API中的数据可以从vue3中的composition API中进行调用

例子:

面试题:vue2中option API的和vue3中composition API中的数据和方法能否交互?_第1张图片

如果在setup中获取data中的数据则无法获取:

面试题:vue2中option API的和vue3中composition API中的数据和方法能否交互?_第2张图片

实例运用:

假如在实际工作的时候vue3项目有些人会使用vue2的语法写,这个时候如果你用vue3语法写要明白如果想获取data的数据是获取不到的,所以最好是全部用vue3语法写或者用vue2获取,或者用pinnia获取数据等

你可能感兴趣的:(vue,vue.js,前端,javascript)