vue3 computed和watch

news/2024/7/9 23:39:53 标签: vue

学习笔记记录(内容来源于官网)

computed

vue3 计算属性和vue2变化不大,只需要注意,它返回的是一个响应式的ref对象,所以在使用的时候需要.value(模板中使用不需要,会自动展开)

const count = ref(1)
const plusOne = computed(() => count.value++)

console.log(plusOne.value) // 2

plusOne.value++ // error

也支持通过set和get创建可写的ref对象

const count = ref(1)
const plusOne = computed({
  get: () => count.value + 1,
  set: val => {
    count.value = val - 1
  }
})

plusOne.value = 1
console.log(count.value) // 0

 


http://www.niftyadmin.cn/n/951514.html

相关文章

watch和watchEffect

学习笔记记录(内容来源于官网) watch vue3watch用法和vue变化也不是特别大,vue3支持侦听多个数据源 用法没太大变化:wach是一个钩子函数,支持传入三个参数(个人理解) 1、监听对象 2、回调函…

TS学习笔记(十):命名空间

在确保我们创建的变量不会泄露至全局变量中,我们以前曾采用过这种代码组织形式: (function(someObj){someObj.age 18;})(someObj || someObj {});复制代码但在基于文件模块的项目中,我们无须担心这一点,此种方式,适合…

TS学习笔记:命名空间

在确保我们创建的变量不会泄露至全局变量中,我们以前曾采用过这种代码组织形式: (function(someObj){someObj.age 18; })(someObj || someObj {});但在基于文件模块的项目中,我们无须担心这一点,此种方式,适合用于合…

vue 预览pdf

<embed:src"previewSrc"type"application/pdf"width"1200px"height"1000px"> embed 标签h5特性中包含四个属性&#xff1a;高、宽、类型、预览文件src&#xff01; 与< iframe > < / iframe > 不同&#xff0c;这个…

CSDN博客第一天,求关注!!!

CSDN博客第一天&#xff0c;求关注&#xff0c;欢迎各位前辈、大侠、大佬捧场。

OpenLayers 4 ol.source 详解

source 是 Layer 的重要组成部分&#xff0c;表示图层的来源&#xff0c;也就是服务地址。 除了在构造函数中指定外&#xff0c;还可以使用 layer.setSource(source) 稍后指定。 一、包含的类型 ol.source.BingMaps &#xff0c;必应地图的切片数据&#xff0c;继承自ol.sour…

Vue中:error ‘XXXXX‘ is not defined no-undef解决办法

报错内容: ClientCompiled with some errors in 7.42s √ ServerCompiled successfully in 6.05sERROR Failed to compile with 1 errors friendly-errors 17:33:15 ERROR in ./pages/pla…

如何解决Android中 Error generating final archive: Debug Certificate expired on的问题

一、问题描述 今天&#xff0c;打开eclipse编译android project&#xff0c;提示如下错误&#xff1a; Error generating final archive: Debug Certificate expired on 13-8-14 下午5:03 二、产生原因 这个问题产生的原因是&#xff1a; android要求所有的程序必须有签名&…