gpt4 book ai didi

vue中的计算属性computed

转载 作者:知者 更新时间:2024-03-13 07:28:47 24 4
gpt4 key购买 nike

在vue2中我们采用options api来书写代码,在vue3中我们采用composition api来书写代码,此时我们将两种计算属性进行比较。
option api中的计算属性

export default {
    data() {
      return {
        firstName:"dmc",
        lastName:"dl" 
      }
    },
    computed: {
      fullName() {
        return this.firstName + this.lastName
      }
    }
  }

composition api中的计算属性
componsition api中的计算属性中可以传入两个类型的值,一个是getter函数,另一个是包含gettersetter的对象。

let fullName = computed(() => {
        return firstName.value + " " + lastName.value
      })

上述代码中传入的参数是一个函数。

let fullName = computed({
        get() {
          return firstName.value + lastName.value
        },
        set(newValue) {
          let newArr = newValue.split(" ")
          firstName.value = newArr[0]
          lastName.value = newArr[1]
        }
      })

上述代码中传入的参数是一个对象。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com