Vue.js - Using parent data in component

Question

How I can get access to parent\'s data variable (limitByNumber) in my child component Post?

I tried to use prop but it doesn\'t work.

Parent:

Answer 1

If you want to access some specific parent, you can name all components like this:

export default {
  name: 'LayoutDefault'

And then add some function (maybe like vue.prototype or Mixin if you need it in all your components). Something like this should do it:

getParent(name){
      let p = this.$parent;
      while(typeof p !== 'undefined'){
        if(p.$options.name == name) {
          return p;
        }else {
          p = p.$parent;
        }
      }
      return false;
    }

and usage could be like this:

this.getParent('LayoutDefault').myVariableOrMethod