Bu, gerçek bir noob sorusu gibi gelebilir, ancak MVVM'ye veya JS'deki MVC'ye oldukça yeniyim, bu yüzden çok üzgünüm.İç içe geçmiş vue.js örnekleri/öğeleri
vue.js ile oynuyorum ve şu ana kadar basitliğini seviyorum. Ama yapmaya çalıştığım şey için bunun farklı bir yoldan gitmem gerektiğini düşünüyorum.
Vue örneklerini/öğelerini birbirinin içine yerleştirmek istiyorum, ancak tabi ki ebeveyn, init'te DOM üzerinden okurken çocuğu kullanacaktır. argümanlar uğruna
, aşağıda ne demek, ben böyle bir şey yapmıyorum bir örnektir, ama bu en basit demek istediğimi örneğe yoludur: Sonra<body>
{{ message }}
<div id="another">
{{ message }}
</div>
</body>
benim JS için örnek olacaktır:
new Vue({
el: "body",
data: {
message: "I'm the parent"
}
});
new Vue({
el: "#another",
data: {
message: "I'm the child"
}
});
sonucu olacaktır:
<body>
I'm the parent
<div id="another">
I'm the parent
</div>
</body>
Şimdi tamamen understa Bunu neden yapıyor ve aslında bunu yapmalı, ama benim örneğim böyle bir şeyi nasıl yapacağımı göstermeye çalışıyor?
Gerçek hayattaki projemde, vücudumda bir şeyler olduğunda (birçok yerde) değişen vücudumda bir v-sınıfım var, ama elbette vücudum başka şeyleri yapan başka vue örneklerini de isteyecek.
Yuvalama hakkında nasıl giderim? Bununla başa çıkmak için vue özelliği var mı? Bileşenlerle ilgilenmem gerekiyor mu? Ya da, belki de, bir çocuk elemanının içinden vücudu getirin (örneğin, jQuery gibi $ ("body") ile olur) ve sonra Vue örneğinde manipüle edin? Umarım bu soru çok aptal değildir ve birisi beni doğru yöne yönlendirebilir.
Teşekkürler