computed
简写和完整版写法和Vue2都一样,只是使用不一样,需要单独引入使用,变成了一个函数
<template>
<h1><input v-model="firstName" /></h1>
<h1><input v-model="lastName" /></h1>
<div>{{fullName}}</div>
</template>
<script>
import {reactive,computed} from 'vue'
exprot default {
name: 'App',
setup() {
const person = reactive({
firstName + : '景天',
lastName: 18,
})
// 或者可以绑定在person对象上
// person.fullName = computed(()=>{
let fullName = computed(()=>{
// 简写形式,完整版的get和set和Vue2都一样
return person.firstName + person.lastName
})
return {
person,
fullName
}
}
}
</s