computed & watch

1.computed - 计算属性:被计算出来的属性就是计算属性

1. computed是用来计算出一个值的，这个值在我们调用的时候不需要加括号，当属性一样用
2. 它会根据依赖自动缓存，就是如果依赖不变，computed的值就不会再重新计算，防止多次执行未改变的数据

示例1代码链接

示例2代码链接

示例3，不使用computed代码链接

watch - 监听：当数据变化时，执行一个函数

1. watch有两种选项immediate和deep

immediate表示是否在第一次渲染的时候执行这个函数

deep意思是如果我们要监听一个对象，是否要看对象里面属性的变化

2. 定义：如果某个属性变化了，我就去执行一个函数

总结

1.如果一个数据依赖于其他数据，那么把这个数据 设计为computed

2.如果你需要在某个数据变化时做一些事情，那么你可以使用watch来观察这个数据变化