vue计算属性传参和方法传参区别

vue计算属性传参需要在计算属性中返回一个函数来传递参数

computed计算属性和methods方法区别：

计算属性和methods方法处理结果是一样的；只不过当计算属性会对依赖做缓存，当依赖无变化时会直接返回结果，不会在一次执行计算属性。

methods方法重新渲染时都会触发函数来进行函数执行。

计算属性传参方式：

    
{{setItemData(item.amount)}}
 

computed: {
    setItemData() {
        return (e) => {
            if(!e) return e;
            return e * 100 - 100;
        }
    }
}

方法传参方式：

    
{{setItemData(item.amount)}}
 

methods: {
    setItemData(e) {        
        if(!e) return e;
        return e * 100 - 100;
    }
}