分别简述computed和watch的使用场景

computed

1. computed擅长处理的场景：一个数据受多个数据影响
    computed拥有缓存属性,
    只有当依赖的数据发生变化时,关联的数据才会变化,
    适用于计算或者格式化数据的场景.
    例如：购物车计算价格
        只要购买数量,购买价格,优惠券,折扣券等任意一个发生变化,总价都会自动跟踪变化.
        
    computed:计算属性
        当一个属性受多个属性影响时就需要用到computed

        例子：购物车商品结算
        使用：  computed:{
                    changewords(){
                        return this.myname.substring(0,1).toUpperCase() + this.myname.substring(1)
                    }
                }
                { { changewords }} // 渲染时 不用写()
                
        总结：模板中的表达式简洁，易维护
           1. 变量不在data中定义，而是定义在computed，写法跟些方法一样，有返回值(return 出来)，函数名直接在页面中渲染，不需要小括号
           2. 根据传入的变量的变化 进行结果的更新
           3. 计算属性属于响应式依赖进行缓存，如果其中的没有值改变，则它调用的就是上一次 计算缓存的数据，因此提高了性能