2.3.2
https://jsfiddle.net/frctmhLd/3/
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ»ΠΎΡ Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΡΠΌ ΠΎΠ±ΡΠ΅ΠΌΠΎΠΌ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΊΠ°ΠΊ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ΅ΠΊΠ²ΠΈΠ·ΠΈΡΡ, ΡΡΠΎΠ±Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΡΠ»ΠΎΡΠ° Π½Π°
ΠΠΎΠΏΡΡΠΊΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎΡ ΡΠ»ΠΎΡ
Π‘Π»ΠΎΡ Π·Π°Π³ΡΡΠΆΠ΅Π½ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ
ΠΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π½Π΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π°ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ, ΠΏΠΎΡΡΠΎΠΌΡ Π΄Π»Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° "ΡΠ»ΠΎΡ" ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ null, ΠΈ ΠΎΠ½ Π½Π΅ Π·Π°Π³ΡΡΠΆΠ°Π΅ΡΡΡ
ΠΠ΅ Π·Π½Π°Ρ, ΠΊΠ°ΠΊ ΡΡΠΎ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠΈΡΡ, ΠΎΠ±ΠΎΠ·Π½Π°ΡΠΈΠ² ΡΡΠΎ ΠΊΠ°ΠΊ ΡΠ»ΡΡΡΠ΅Π½ΠΈΠ΅ ΠΈ ΠΎΡΠΈΠ±ΠΊΡ.
@posva @sparamasivan Π― ΡΡΠΎ-ΡΠΎ
Vue.component('parent', {
template: '' +
'<child>' +
'<template :slot="test" scope="props">' +
'<p>{{props.text}}</p>' +
'</template>' +
'</child>' +
'<child>' +
'<template v-for="slotName in slotNames" :slot="slotName" scope="props">' +
'<p>{{props.text}}</p>' +
'</template>' +
'</child>',
data: function () {
return {
slotNames: ["test", "test1", "test2"],
test: 'test'
}
}
});
@defcc ΠΠΉ, ΠΈΠ·Π²ΠΈΠ½ΠΈΡΠ΅, Ρ Π·Π°Π±ΡΠ» ΠΎΠ±Π½ΠΎΠ²ΠΈΡΡ ΡΠ΅ΠΏΡΠΎΠ΄ΡΠΊΡΠΈΡ, Π΄Π°, ΡΡΠΎ Π½Π΅ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ, Π½ΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΡΠ½Π΅Π²ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π²ΡΠ΅ Π΅ΡΠ΅ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΠ΅Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ (https://jsfiddle.net/frctmhLd/3/)
Π― ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ±Π½ΠΎΠ²ΠΈΠ» Π΄Π΅ΠΌΠΎ Π·Π΄Π΅ΡΡ. https://jsfiddle.net/frctmhLd/4/
ΠΠ°ΠΆΠ΅ΡΡΡ, ΡΡΠΎ ΠΎΡΠΈΠ±ΠΊΠ° ΡΠΎ ΡΠ»ΠΎΡΠ°ΠΌΠΈ Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ.
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ, ΡΠ΅Π±ΡΡΠ°, ΡΡΠΎ ΡΡΠΎ ΠΈΡΠΏΡΠ°Π²ΠΈΠ»ΠΈ.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
Π― ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ±Π½ΠΎΠ²ΠΈΠ» Π΄Π΅ΠΌΠΎ Π·Π΄Π΅ΡΡ. https://jsfiddle.net/frctmhLd/4/
ΠΠ°ΠΆΠ΅ΡΡΡ, ΡΡΠΎ ΠΎΡΠΈΠ±ΠΊΠ° ΡΠΎ ΡΠ»ΠΎΡΠ°ΠΌΠΈ Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ.