vuejs $attrs code example

Example 1: how to get attr in vuejs

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <my-comp my-attr="Any value"></my-comp>
</div>

<script>
  Vue.component('my-comp', {
    template: '<div>aaa</div>',
    created: function () {
      console.log(this.$attrs['my-attr']) // And here is - in $attrs object
    }
  })

  new Vue({
    el: '#app'
  })
</script>

Example 2: vuejs does props factory function have access to vue instance

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

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