computed 函数
和vue2中的计算属性的用法基本差不多
<div>
商品单价:{{price}}<br>
商品数量:{{number}}<br>
商品总价:{{total}}
<button @click="number++">点击增加商品数量</button>
</div>
setup () {
const price = 8
const number = ref(1)
const total = computed(()=>{
return price*number.value
})
return {price,number,total}
}