一、计算属性--简写形式
需求:通过计算属性,计算一个人的全名。文章来源地址https://www.toymoban.com/news/detail-409444.html
<template>
<h1>基本信息</h1>
姓:<input type="text" v-model="personInfo.firstName">
<hr>
名:<input type="text" v-model="personInfo.lastName">
<hr>
<span>全名:{
{fullName}}</span>
</template>
<script>
import { ref, reactive,computed} from 'vue'
export default {
name: 'Demo',
components: { },
setup() {
// 数据
let personInfo = reactive({
firstName:'张',
lastName:'三'
})
// 计算属性
let fullName = computed(()=>{
return personInfo.firstName+'-'+personInfo.
文章来源:https://www.toymoban.com/news/detail-409444.html
到了这里,关于vue3【计算属性与监听-详】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!