• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • vue手册
  • php手册
  • MySQL手册
  • apache手册
  • redis手册
  • computed()

    使用 getter 函数,并为从 getter 返回的值返回一个不变的响应式 ref 对象。

    const count = ref(1)
    const plusOne = computed(() => count.value + 1)
    
    console.log(plusOne.value) // 2
    
    plusOne.value++ // error
    

    或者,它可以使用具有getset函数的对象来创建可写的 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
    

    类型声明:

    // read-only
    function computed <T>(getter: () => T): Readonly<Ref<Readonly<T>>>
    
    // writable
    function computed <T>(options: { get: () => T; set: (value: T) => void }): Ref<T>
    

    上篇:reactive()

    下篇:watchEffect()