Vue--》vue3中的计算属性与监视的使用讲解
创始人
2024-05-06 13:58:20
0次

computed函数

与Vue2.x中的computed配置功能一致，只不过在Vue3.x中我们需要按需导入该函数。因为Vue3.x是向下兼容Vue2语法的，所以我们可以写成既有 setup 又有 Vue2中的computed函数，如下代码示例：

这种既有Vue2又有Vue3的语法显然是不合适的，从开发者工具我们也看出来，setup和computed并列。如下图所示：

在Vue3的做法是将计算属性按需导入，在setup内部进行使用，如下：

watch函数

在Vue3中watch监听ref定义的数据，在按需导入watch后，watch函数能接收三个参数：第一个参数是监视对象；第二个参数是监视的回调函数；第三个是监视的配置属性。如下：

当监视reactive所定义的一个响应式数据的全部属性时，是无法正确的获取到oldValue的，默认是强制开启了深度监听，所以即使你把深度监听关掉也是不奏效的，如下：

如果想监视reactive所定义的一个响应式数据中的某个或某些属性，可以通过如下方式进行：

如果想拿到reactive函数中深层次的属性，即reactive函数中某个对象的属性，这时候就需要借助深度监视 deep 了，而且deep有效，如下：

虽然我们监听到了值的变化，但是还是拿不到旧值，所以说白了，对于Vue3中的watch函数来说，在对象中是拿不到旧值的。如下：

watcrEffect函数

watch的套路是:既要指明监视的属性，也要指明监视的回调；watchEffect的套路是:不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。

watchEffect有点像computed :
但computed注重的计算出来的值(回调函数的返回值)，所以必须要写返回值。
watchEffect更注重的是过程(回调函数的函数体)，所以不用写返回值。

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：SAP年结账务调整过程中的业务改错处理心得

下一篇：少儿Python每日一题（12）：停车场的停车费

相关内容

热门资讯

安卓手机系统怎么加速,安卓手机... 你有没有发现，你的安卓手机最近变得有点“慢吞吞”的？别急，别急，今天就来给你支几招，让你的安卓手机瞬...
小米note安卓7系统,探索性... 你有没有发现，手机更新换代的速度简直就像坐上了火箭呢？这不，小米Note这款手机，自从升级到了安卓7...
安卓和鸿蒙系统游戏,两大系统游... 你有没有发现，最近手机游戏界可是热闹非凡呢！安卓和鸿蒙系统两大巨头在游戏领域展开了一场激烈的较量。今...
安卓手机没有系统更,揭秘潜在风... 你有没有发现，现在安卓手机的品牌和型号真是五花八门，让人挑花了眼。不过，你知道吗？尽管市面上安卓手机...
充值宝带安卓系统,安卓系统下的... 你有没有发现，最近手机上的一款充值宝APP，在安卓系统上可是火得一塌糊涂呢！这不，今天就来给你好好扒...
安卓系统8.0镜像下载,轻松打... 你有没有想过，想要给你的安卓手机升级到最新的系统，却不知道从哪里下载那个神秘的安卓系统8.0镜像呢？...
安卓系统修改大全,全方位修改大... 你有没有想过，你的安卓手机其实是个大宝藏，里面藏着无数可以让你手机焕然一新的秘密？没错，今天就要来个...
安卓刷miui系统教程,安卓刷... 你有没有想过给你的安卓手机换换口味？别看它现在用得挺顺手的，偶尔来点新鲜感也是不错的。今天，就让我来...
超星学系统安卓版,便捷学习新体... 你有没有发现，学习生活越来越离不开电子设备了？手机、平板，这些小玩意儿简直就是我们的学习小助手。今天...
安卓平板6.0系统安装,轻松上... 你有没有想过，你的安卓平板6.0系统是不是该升级一下了呢？别看它现在看起来还挺精神的，但谁知道背后隐...
安卓系统屏幕显示文字,探索个性... 你有没有发现，手机屏幕上的文字有时候会变得模糊不清，或者颜色暗淡，让人看得很费劲？这可真是让人头疼的...
快递扫描系统下载安卓,便捷物流... 你有没有想过，每次快递员来送快递，他们是怎么快速找到你的包裹的呢？是不是觉得他们有超能力？其实，这背...
安卓系统能打开zip,操作指南... 你有没有想过，你的安卓手机里那些神秘的zip文件到底怎么打开呢？别急，今天就来给你揭秘这个小小的技术...
塞班怎么查找安卓系统,塞班系统... 你有没有想过，你的塞班手机里竟然也能装上安卓系统？听起来是不是有点神奇？别急，今天我就来手把手教你如...
安卓系统短消息提醒,安卓系统短... 你有没有发现，手机里的短消息提醒功能有时候就像一个贴心的管家，有时候又像个爱闹腾的小孩子？今天，咱们...
安卓系统如何跳过密码,安卓系统... 你是不是也和我一样，有时候手机锁屏密码设置得太复杂，每次解锁都要费好大一番力气？别急，今天就来教你怎...
鸿蒙系统功能与安卓,功能对比与... 你知道吗？最近手机圈里可是热闹非凡呢！华为的新操作系统鸿蒙系统（HarmonyOS）一经推出，就引发...
安卓系统卡苹果系统不卡,揭秘两... 你有没有发现，身边的朋友都在争论安卓系统和苹果系统哪个更好？其实，这个问题就像是在问谁家的孩子更聪明...
安卓系统卡解决了吗,安卓系统卡... 你有没有遇到过安卓手机卡顿的问题？是不是每次打开应用都感觉像蜗牛爬行？别急，今天就来聊聊这个让人头疼...
华为安卓系统下载软件,畅享海量... 你有没有想过，手机里的系统就像是我们的大脑，而下载的软件就像是大脑里的各种功能？今天，就让我带你一起...