Namanya template tidak seharusnya hanya bisa memuat satu component saja kan? Harusnya bisa beberapa element masuk didalamnya, apakah Vue JS mendukung untuk menggunakan Multi Element pada Component?

Jawabannya tentu saja mendukung yaa. Saat kita menggunakan template, kita menggunakan tanda petik kan saat memberi nilai pada template? Ingat ini kan

 

Ada tanda petiknya disana, kita akan berkenalan dengan tanda petik yang lain, dimana didalam VueJS ini memiliki jangkauan yang luas.
Tanda itu disebut sebagai ‘grave accent’ atau kalau dalam bahasa Indonesia disebut sebagai ‘aksen nontirus’, tanda ini dapat ditemukan seperti tanda petik tunggal, posisinya di keyboard ada di sebelah bawah tanda disebelah kiri tombol
1, posisi paling kiri atas tepatnya di bawah tombol ESC.
Untuk memperjelas Menggunakan Multi Element pada Component Vue Js, mari kita langsung saja mempraktekkannya:
Kita akan membuat sebuah element baru bernama ‘multiple’, yang isinya berupa tulisan miring, tebal, dan bergaris bawah. Ayo kita implementasikan:
Kalau teman-teman bingung kenapa dicontoh ini menggunakan tag <div>, tujuannya adalah untuk mengcover beberapa element dalam satu template, karena sifat asli dari tag <div> ini adalah menampung beberapa element.
Lalu teman-teman bisa coba buat struktur html seperti biasa, dan buat div dengan ID app, lalu gunakan deh element multiple yang sudah kita buat. Demikian Cara Menggunakan Multi Element pada Component Vue Js. Semoga bermanfaat.