想要实现这样的功能:1
2
3
4
5
6
7let price = 5
let quantity = 2
let total = price * quantity
console.log(total) // 10
price = 10 // 修改data
console.log(total) // 如果是响应式,就应该是20
现在就是来实现这样的响应式功能
既然要实现改变单价或质量,总价格就会更新,本质上就是当数据改变时,再次执行计价
因此我们应该把这个计价封装成一个函数,以便之后调用1
2
3target = () => {
total = price * quantity
}