vue3 computed typeScript

最新推荐文章于 2023-07-06 15:28:00 发布

安果移不动

最新推荐文章于 2023-07-06 15:28:00 发布

阅读量375

点赞数 1

分类专栏： # vue 文章标签： typescript vue.js javascript

独学而无友，则孤陋寡闻。q群582951247

本文链接：https://blog.csdn.net/mp624183768/article/details/128623332

版权

vue 专栏收录该内容

106 篇文章 1 订阅

订阅专栏

<template>
  <div>
    <input type="text" v-model="firstName">
    <input type="text" v-model="lastName">
    <p>{{ firstName }} --- {{ lastName }}</p>
    <p>name:{{ name }}</p>
  </div>

  <div>
    <button @click="change">修改</button>
  </div>
</template>
<script setup lang="ts">
import {computed, ref} from "vue";

let firstName = ref("");
let lastName = ref("");

const name = computed({
  get() {
    return firstName.value + " " + lastName.value
  },
  set(value) {

    firstName.value + lastName.value

  }
})


</script>