本文探讨了Vue2到Vue3的转变，强调了Vue3在定义响应式变量、生命周期函数以及监听方式上的变化。Vue3中，setup()函数集成了Vue2的beforeCreate()和created()，同时生命周期函数采用了更统一的命名。此外，Vue3的监听和计算属性也有所调整，提高了代码可读性和性能。
使用惯vue2中的data()函数的方式及定义变量，突然转向vue3写起来就很不适应。对于vue2来说，vue3确实做了很多改变，不论是从定义变量到生命周期函数都有不小变化，但在性能上来说确实是提高了很多。比如说定义响应式的变量，初始化函数都集中在setup中，使代码在更加具备可读性。废话不多说，今天主要是说一说，vue2到vue3的变化。
一，说vue2中的data()为什么不是一个对象，而是一个函数？
这个问题就要说到js中的作用域了，在js把总体的数据类型分为两个大的类型，值类型和引用类型。
值类型 包括： 1，字符串（String）2，数字（Number）【NAN】3，布尔（Boolean) 4, Null (Undefined) 5, Symbol (ES6)
引用类型包括：1，Object类型 2，Function函数 3, Array数组
上面说的Data是一个函数的问题，是因为我们Object类型的值储存在堆中，在栈中的引用地址。在给对象值赋值的时候，原本的对象值也会发生变化。
data之所以是一个函数，我们把变量写在return中，是因为函数存在着作用域，在储存值的时候都会开一个独立的空间，所以我们在储存变量的时候不会 发生相互影响的问题。
</
最低0.47元/天 解锁文章
扫一扫
到【灌水乐园】发言
