Mixins

In Vue.js, you can define different components for different parts of an application. These components can also mold themselves into different forms with the help of props. In a large scale application, different components can share similar functionality even though the components are completely different. Vue.js provides a way to define the overlapping functionality (variables and methods) separately and it can be deployed in any component when needed. This helps in remove duplicate code and makes the code cleaner and concise. These structures of shared logic are called mixins.