Representación
v-una vez
- La instrucción no necesita ir seguida de ninguna expresión (por ejemplo, la v-for anterior va seguida de una expresión)
- Esta instrucción indica que los elementos y componentes del grupo (los componentes se aprenderán más adelante) solo se representan una vez y no cambiarán a medida que cambien los datos.
v- html
Cuando el servidor devuelve un código HTML, { {}} generará el código HTML, por lo que debe usarlo para analizar el código HTML.
<h2 v-html="url"></h2>
data: {
url: "<a href='http://www.baidu.com'>百度一下</a>"
}
texto-v
Generalmente no se usa, no es lo suficientemente flexible, similar al uso directo { {}}
<h2 v-text="message"></h2>
<h2>{
{ message }}</h2>
data: {
message: "666"
}
v-pre
Display intacto, incluido { {}}
bloque en v
Antes del vue parsing, hay un atributo v-block
en el div. Después del vue parsing, no hay atributo v-clock en el div
para que los datos se muestren directamente, pero no hay {
{}} después de medio segundo después de que se convierta en datos
. No uses tanto
<style>
[v-clock] {
display: none;
}
</style>
<div id="app" v-clock>
<h2 v-once>{
{ message }}</h2>
</div>