vue2.0计算属性传参
时间: 2024-08-15 21:01:39 浏览: 61
vue-router2.0 组件之间传参及获取动态参数的方法
Vue.js是一个构建用户界面的渐进式框架,Vue 2.0中计算属性是Vue实例的一个选项,允许你声明性地将一个函数绑定为实例的一个属性,这个属性会基于其依赖进行缓存,只有当相关依赖发生改变时,才会重新求值。
在Vue 2.0中,计算属性通常是不接受参数的,它更多地是用来根据数据进行一些转换或者计算后的返回值。如果你需要传递参数给计算属性,实际上可以通过调用方法来实现类似的功能,因为计算属性本身不设计为接收参数。
如果一定要在计算属性中实现参数的传递,可以使用一个技巧:通过一个外部属性来传递参数。例如:
```javascript
computed: {
myComputed() {
return this.myExternalProp;
}
},
data() {
return {
myExternalProp: null
};
},
methods: {
updateComputed(arg) {
this.myExternalProp = arg;
}
}
```
在这个例子中,我们没有直接在计算属性中传递参数,而是通过一个外部的数据属性`myExternalProp`来间接传递。你可以通过调用`updateComputed`方法并传入参数来更新这个外部属性,从而影响计算属性的值。
阅读全文