vue menos margen para añadir métodos de estilo de estilo global, estilo o añadir para el cuerpo HTML de la siguiente página de la aplicación elemento externo

1, menos margen vue para añadir estilo global estilo.

escenarios de uso:

por ejemplo 

< Div clase = "BD" v-html = "htmlStr" > </ div > 

其中, htmlStr = ' < lapso de clase = "titulo" >标题</ envergadura > '

 

Si utilizamos el estilo restringidos, .title .Bd {} no puede tener efecto.

Puede utilizar el punto de profundidad. por ejemplo

.Bd >>> .title {}

Se puede trabajar. Debido a que las cargadoras menos carga, etc., se omiten automáticamente >>>

Tenga en cuenta que, parte del cargador >>> no se puede resolver, puede ser reemplazado / profundidad /

.Bd / profundidad / .title {}

Ambos métodos son equivalentes.

2, o un cuerpo provisto de propiedades de los elementos, etc. aplicación página html en una capa separada.

En primer lugar, creemos que, por supuesto, no es un nuevo estilo con una tags al alcance dentro de la página. Pero después de escribir estas líneas, nos encontramos con otras páginas también reciben la contaminación. Por lo tanto, considerar la adición creada por el ciclo de estado, a continuación, una forma de clase nuevo ciclo de beforeDestroyed eliminado.

Por ejemplo:

creado () { 
    document.body.classList.add ( 'cuerpo-casa' ); 
  }, 
  BeforeDestroy () { 
    document.body.classList.remove ( 'cuerpo-casa' ); 
  },