javascript - 视觉 : default value for prop function

Question

有什么方法可以为具有函数类型的 prop 设置默认函数吗？

props: {
    clickFunction: {
        type: 'Function'
        default: ????
    }
}

Answer 1

是的:

Vue.component('foo', {
  template: '<div>{{ num }}</div>',
  props: {
    func: {
      type: Function,
      default: () => 1,
    },
  },
  data() {
    return { 
      num: this.func()
    }
  }
})

new Vue({
  el: '#app',
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <foo></foo>
</div>