前言 … 目标 1 computed的用法 computed的用法 computed 计算属性用法与vue2的类似 引入 登录后复制 import { reactive,computed } from 'vue' 1. 使用 登录后复制 setup(){ let person = reactive({ firstName:'张', lastName:'三' }) // 简单写法 - 只有读 // person.fullName = computed(()=>{ // return person.firstName + person.lastName // }) // 完整写法 - get与set person.fullName = computed({ get(){ return person.firstName +' - ' + person.lastName }, set(value){ const arr = value.fullName.split('-') person.firstName = arr[0] person.lastName = arr[1] } }) return{ person } } 1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24. reactive与ref定义的属性都可以使用computed 原创作者: u_16040646 转载于: https://blog.51cto.com/u_16040646/11701245