安徽省建设监理网站,建筑网格组织,乒乓球网站建设目标,许昌北京网站建设computed计算属性函数
计算属性基本思想和Vue2的完全一致#xff0c;组合式API下的计算属性只是修改了写法
核心步骤#xff1a;
导入computed函数执行函数 在回调参数中return基于响应式数据做计算的值#xff0c;用变量接收 vue
script setup
// 1.导入compute…computed计算属性函数
计算属性基本思想和Vue2的完全一致组合式API下的计算属性只是修改了写法
核心步骤
导入computed函数执行函数 在回调参数中return基于响应式数据做计算的值用变量接收 vue
script setup
// 1.导入computed
import {ref, computed } from vue
// 原始数据
const list ref([1,2,3,4,5,6,7,8])
// 2.执行函数return计算之后的值 变量接收
const computedList computed((){return list.value.filter(itemitem2)
})setTimeout((){list.value.push(9,10)
},3000)/script
templatediv原始响应式数组 —— {{list}}/divdiv计算属性数组 —— {{computedList}}/div
/template
