在Vuejs中，如何将监视器添加到所有道具并使用与回调相同的功能？

Question

正如标题，我想补充守望者，为所有的道具相同的回调，但我NEET子组件代码：

<script> 
 
export default { 
 
    props: { 
 
    a: String, 
 
    b: String, 
 
    c: String 
 
    }, 
 
    watch: { 
 
    a (v) { this.handler(v) }, 
 
    b (v) { this.handler(v) }, 
 
    c (v) { this.handler(v) }, 
 
    }, 
 
    methods: { 
 
    handler (v) { 
 
     // code... 
 
    } 
 
    } 
 
} 
 
</script>

你知道吗如何简化这个？

Answer 1

使用函数来构建组件。

function buildComponent(properties){ 
    const base = { methods:{ handler(v){ console.log(v) }}, props:{}, watch:{}} 

    for (let prop of properties){ 
    base.props[prop] = String 
    base.watch[prop] = function(v) {this.handler(v)} 
    } 
    return base 
} 

export default buildComponent(["a","b","c"]) 

Vue只是javascript。