Šta je mixin?
Napomena za Vue 3 (2026): Za novi Vue 3 kod preferirajte composables (Composition API, npr. useXxx()) umesto mixin-a. Mixini i dalje rade sa Options API-jem, ali su zavisnosti manje eksplicitne.
|
1 2 3 4 5 6 7 |
import { ref } from "vue"; export function useCounter() { const count = ref(0); const inc = () => { count.value++; }; return { count, inc }; } |
Mixin-i su „reusable“ delovi koda koji mogu da se višekratno iskoriste u bilo kojoj Vue komponenti ili instanci. Vue.js mixin je u stvari objekat koji može sadržati sva svojstva kao i options objekat instance/komponente: data, methods, computed…
„Mixin“ se koriste za:
- Kreiranje zajedničikh svojstva (metoda, data…), koje se koriste u različitim komponentama i tako omoguće poštovanje DRY („Don’t Repeat Yourself“) principa.
- Pri kreiranje plugina koje imaju potrebu da modifikuju postojeću Vue instancu, jer mogu jednostaavno da dodaju nove funkcionalnosti.
Domen mixin-a
Mixin se integriše u instancu (komponentu) tako što se u komponentu ugradi kopija koda napisanog u mixin-u. Ovo povlači zaključak da je kod koji je došao u komponetu iz mixina potpuno odvojen i nezavisan kako od samog mixina tako i od koda ugradjenog u ostale komponente.
