计算属性 方式一 <script setup lang="ts">import {computed ,ref} from "vue"const name = ref("你好")const helloName = computed(()=>name.value+"vue3"); // 你好 vue3</script> 方…

toref 原始数据不会更新视图，数据会更新 <template>  <div>this is hello world</div>  <h1>{{ state }}</h1>  <button @click="handelClick">click&…

用来绑定复杂的数据类型 如 对象 数组无需 .value 操作 基本使用 <template>  <div>this is hello world</div>  <h1>{{ obj.name }}</h1></template><script set…

基本用法 ref <template> <h1>{{data.name}}</h1></template><script setup lang="ts">import {ref} from "vue"const data = ref({name:'zhangsan'})data.name.…