Vue3–篇16–计算属性computed

一、computed 函数

  • 与 Vue2.x 中 computed 配置功能一致
    computed触发时机:
  • 页面加载默认走一次
  • 所依赖的数据变化
  • 写法
  import {computed} from 'vue'

  setup(){
      ...
    //计算属性——简写
      let fullName = computed(()=>{
          return person.firstName + '-' + person.lastName
      })
      //计算属性——完整
      let fullName = computed({
          get(){
              return person.firstName + '-' + person.lastName
          },
          set(value){
              const nameArr = value.split('-')
              person.firstName = nameArr[0]
              person.lastName = nameArr[1]
          }
      })
  }

版权声明:
作者:ht
链接:https://www.techfm.club/p/43370.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>