vue axios(vue emit)
众所周知,vue3是9月18日晚上映的。在vue3中,有两种方法可以声明响应数据:ref()和reactive()。今天,我们来谈谈定义数据的两种方式之间的区别。
在上面的代码中,我们以变量声明、ref和reactive的方式定义了三个变量num1、num2和num3。
我们发现,使用ref定义的数据,打印结果是由对象包装的响应数据,使用reactive方法和纯变量声明方法,打印结果是相同的。原因是什么?
我们发现控制台上输出了一条警告消息,提示100的值不能由reactive创建。官方还建议我们通过反应式定义复杂数据类型的数据,ref建议定义基本数据类型。因此,如果我们想使用reactive来定义基本的数据类型,我们需要将数据打包在reactive中。
当我们使用reactive来定义数据时,我们使用对象来制作一层包,这样控制台就不会报告警告信息。
但是,由reactive定义的数据和由ref定义的数据在打印结果上有一些差异。
我们发现由ref定义的数据打印结果需要。值来获得结果,但reactive不会。
摘要:
反应数据和参考数据都用于定义响应数据。更建议使用reactive来定义复杂的数据类型,更建议使用ref来定义基本类型。
以及ref和reactive本质,我们可以简单的理解为ref是reactive的二级包,由ref定义的数据访问还需要一个。价值。
使用ref定义基本数据类型,ref还可以定义数组和对象。
以上就是本期的知识分享。记得关注黑马君。更多干货等你来学~