vue-带参数的计算属性

在平时vue开发中，我们经常会用到计算属性（计算属性只有在它的相关依赖发生改变时才会重新求值）来计算我们需要的数据，但有时候我们一些场景中使用计算属性需要传参，下面将为你揭晓：

普通用法：

<script>
    export default {
        data () {
            return {
                msg: 'hello'
            }
        },
        computed: {
            getMsg () {
                return this.msg
            }
        }
   }
</script>

如果需要传参，直接把参数加进去就会报错

// 错误写法
<script>
    export default {
        data () {
            return {
                msg: 'hello'
            }
        },
        computed: {
            getMsg (msg) {
                return msg
            }
        }
   }
</script>

传参应该采用以下方式：

// 正确写法
<script>
    export default {
        data () {
            return {
                msg: 'hello'
            }
        },
        computed: {
            getMsg () {
            //注意，不能将name放置在getMsg(name)
                return (name) => {
                    return this.msg + ' ' + name
                }
            }
        }
   }
</script>