vue- ranura y ranuras nombradas

 

 

<! DOCTYPE html > 
< html > 
    < cabeza > 
        
        < meta charset = "UTF-8" > 
        < título > vue1 </ titulo > 
        < guión src = "https://cdn.bootcss.com/vue/2.6.11/vue. js" > </ escritura > 
      
        < enlace rel = "" hoja de estilo tipo = "text / css" href = "vue.css" > 
    
    </ cabeza > 
    < cuerpo > 
        
        
        <

            CoMP : MSG = "MSG" > 
                < h1 de > Tongyong </ h1 de > 
                < h1 de la ranura = S1 > S1slot </ h1 de > 
            </ CoMP > 
        </ div >     
        
        
        < script > 
            var CoMP = { 


                // inserto html Asamblea en la ranura de la ranura 
                // ranura llamado pondrá la ranura correspondiente s1 = s1 contenido 
                Plantilla: ` < div > 
                    < h1 de > Primera Línea < / h1 de> 
                    <nombre de ranura =" S1 " > < / ranura> 
                    < h1 > segunda línea < / h1> 
                    < ranura > < / ranura> 
                    < h1 > tercera línea < / h1> 
                    {{msg}} < / div> `, 

            } 
            var aplicación = nuevo Vue ({ 
                EL: " #app " , 
                componentes: { 
                    los 
                } 
 
                
            })         
        </ escritura> 
    </ Cuerpo > 
</ html >