【vue笔记】vue3中的computed函数

小付学代码

已于 2022-08-17 09:37:14 修改

阅读量658

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

于 2022-07-11 17:12:17 首次发布

本文链接：https://blog.csdn.net/ONLYSRY/article/details/125725741

版权

vue 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

- 与Vue2.x中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]
          }
      })
  }