Миксины — способ повторного использования кода в различных контекстах. Они создают фрагменты кода, которые могут быть включены в другие объекты или классы. В JavaScript миксины часто используются для добавления методов или свойств к классам для комбинирования функциональности. В CSS (Sass/SCSS) отлично работают в препроцессорах Sass или Less и позволяют определять наборы стилей, которые можно повторно использовать в различных местах стилей. Основные принципы работы с миксинами ⬇️ ▪️ создание базовых классов; ▪️ создание функции миксина; ▪️ объединение классов с помощью функции миксина...

Миксины (mixins) или примеси позволяет вам использовать повторно код в компонентах vue. При их использовании все что было написано в миксине объединяется с вашим компонентом или подмешиваются, поэтому их называют примеси. Миксин по сути может иметь все что имеет и обычный компонент за исключение темплейта Как происходит слияние если у миксина и компоненты были одинаковые свойства до приоритет отдается свойствам компоненты var mixin = { data: function () { return { message: 'hello', foo: 'abc' } } } new Vue({ mixins: [mixin], data: function () { ...