Discussion on: Call super method in Vue Component

View post

Thank you for sharing! I didn't know about that library, but in such cases I'd use the $parent property.

Example:

// myMixin.js
export default {
    methods: {
        sayHello () {
            console.log(this.message)
        }
    }
}

// Parent component
import myMixin from './path';
import Child from './ChildPath';

export default {
  mixins: [myMixin],
  components: { Child }
  data: () => ({
    message: 'hello from parent component!'
  })
}

// Child Component
export default {
  created () {
    this.$parent.sayHello();
    console.log('hello from child component!')
    /*
    hello from parent component!
    hello from child component!
    */
  }
}