首页天道酬勤vue axios(vue emit)

vue axios(vue emit)

admin 12-02 14:31 219次浏览

众所周知,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还可以定义数组和对象。

以上就是本期的知识分享。记得关注黑马君。更多干货等你来学~

Java设计模式之原型模式怎么实现DeepRust匹配:有更好的方法吗?雷士灯具管理系统
() react的refs(react组件传值)
相关内容