vue3 computed typeScript
Vue3typescript computed
2023-09-27 14:27:48 时间
<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>
相关文章
- 【新知实验室-TRTC开发】实时音视频之web端云监工系统(Vue3+Element plus+TS+Pinia)
- 我对vue3的理解
- vue3动态路由的addRoute和removeRoute使用
- vue3动态组件的展示
- Vue3中readonly 和 shallowReadonly和toRaw
- vue3逻辑分离和页面快速展示数据
- vue3中provide和inject的使用
- vue3 api 自动导入
- 前端笔记(8) Vue3+Vite 搭建项目 配置路径别名@
- Vue3待办列表-日记与便签-LOL英雄资料-课程大作业
- vue3 路由操作
- vue3 less 的使用 手写header/context/menu 组件
- vue3 watchEffect 的使用