vue2 到 vue3 的变化

watch,computed ,生命周期函数 在vue2 和 vue3中的写法等
摘要由CSDN通过智能技术生成

使用惯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中,是因为函数存在着作用域,在储存值的时候都会开一个独立的空间,所以我们在储存变量的时候不会                            发生相互影响的问题。

   

   

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值