vue3学习 computed

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}
 }