Mi información de contacto
Correo[email protected]
2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
//Sintaxis de la instrucción:
1. ¿Qué es la designación y para qué sirve?
La responsabilidad de la directiva es aplicar sus efectos asociados a la acción de respuesta DOM cuando cambia el valor de la expresión.
2. Los nombres de todas las instrucciones en el marco vue comienzan con v-
3. La interpolación está escrita en la etiqueta y la instrucción está escrita en
Todas las instrucciones en el cuadro vue existen en forma de atributos de la etiqueta HTML.
Por ejemplo: <span 指令写 在这 >{</span>{Aquí está la ubicación de la sintaxis de interpolación}}
Nota: Aunque la instrucción está escrita en la posición del atributo de la etiqueta, el navegador no puede entender este comando. Primero debe ser compilado por el marco vue. El contenido compilado puede ser visto por el navegador.
4. Reglas gramaticales de las instrucciones.
Un formato de sintaxis para instrucciones.
<HTML 标签 v-指令名：参数 = “表达式”></HTML>
expresión, previamente en sintaxis de interpolación { {Lo que se puede escribir aquí}}, entonces lo que se puede escribir en la expresión de la instrucción es en realidad exactamente lo mismo. Sin embargo, cabe señalar que { no se puede agregar fuera de la posición de la expresión en la instrucción.{}}
No todas las instrucciones tienen parámetros y expresiones.
Algunas instrucciones no requieren parámetros ni expresiones. Ejemplo: v-once.
Algunas instrucciones no requieren parámetros, pero requieren expresiones, por ejemplo: v-if = "expresión"
Algunas instrucciones requieren parámetros y expresiones. Por ejemplo: v-bind: parámetro = "expresión".
Función: renderice el elemento solo una vez y luego vuelva a renderizarlo. El elemento y todos sus nodos secundarios se colocarán en la memoria estática y se omitirán.
Función: El resultado de la ejecución de la expresión requiere datos de tipo booleano: verdadero o falso
verdadero: la etiqueta donde se encuentra esta instrucción se mostrará en el navegador.
falso: la etiqueta donde se encuentra esta directiva no se mostrará en el navegador.
<body>
<div id ='app'>
<h1>{{mensaje}}</h1/>
<h1 v-once>{{mensaje}}</h1>
<h1 v-if="a>b"> prueba:{{mensaje}}</h1>
</div>
<script>
nueva Vue （{
el: '#app'
datos(){
mensaje: 'qwert'
un : ' 20 '
b : '21'
}
}）
</scirpt>
</body>
Se ha dedicado a la investigación de tecnología durante más de 30 años y domina varios lenguajes como java, linux, javascript, php, css, etc. Ha realizado muchas contribuciones en el campo del código abierto. Estación de documentación para desarrolladores para compartir algunos problemas en el desarrollo de tecnología para referencia futura.
Correo[email protected]