美文网首页
Vue3--篇16--计算属性computed

Vue3--篇16--计算属性computed

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-04-19 15:22 被阅读0次

    一、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]
              }
          })
      }
    

    相关文章

      网友评论

          本文标题:Vue3--篇16--计算属性computed

          本文链接:https://www.haomeiwen.com/subject/wvvhddtx.html