当前位置: 首页 > Web前端 > vue.js

Vue计算属性可以有参数

时间:2023-04-01 10:27:58 vue.js

1。我们通常使用不带参数的计算属性,比如computed:{getInitVal:function(){returnrst}},2.带参数的计算属性computed:{getInitVal(){returnfunction(key_){returnrst}},},总结:如果在这个组中使用了计算属性,是可以正常使用的。 3.特别注意的是,当父组件的计算属性传递给子组件时,父组件的任何点击事件都会重新计算计算属性, 从而 影响子组件, 子组件watch监听这个计算属性来做出判断。在父组件中通过computed属性获取unitInitValcomputed:{getInitVal(){returnfunction(key_){letrst={}//doing在子组件中返回rst}},},watch 监听props:{unitInitVal:{type:Object,default(){return{}}},}watch:{unitInitVal:{handler(newData,oldData){if(Object.keys(newData).length===0&&Object.keys(oldData).length===0){//啥都不做}else{this.init()}},deep:true},}