Vue.Introducción de plantilla de JS
Vue.JS, que se utiliza para construir interfaces de usuario (UI) y aplicaciones de una sola página (SPA), combina muchas de las mejores características de JavaScript Frameworks Angular and React, y a muchos desarrolladores les gusta usar Vue.JS porque proporciona un entorno neutral.
Como html, vue.JS tiene una sintaxis de plantilla, y podemos usar la sintaxis de plantilla para unir el DOM con los datos de los componentes. En este artículo, le mostraremos cómo insertar datos en la sintaxis de la plantilla y las formas de interpolar diferentes tipos de datos.
Interpolación de texto
Si queremos unir una variable de la instancia de componente relativo, podemos usar aparatos ortopédicos dobles, que también se conoce como sintaxis de "bigote".
LinuxHintText
Vue.JS ofrece vinculación bidireccional, lo que significa que, cada vez que cambie el valor de una variable, el elemento se volverá a ser. Sin embargo, si no queremos que se actualice, podemos usar el V-once directiva.
LinuxHintText
Interpolación HTML en bruto
Vue.JS no permite el enlace de datos del texto sin formato, pero podemos unir el texto HTML sin procesar usando el V-HTML directiva. En el ejemplo a continuación, tenemos una variable en un componente llamado rawhtml que contiene algún texto HTML en bruto.
datos()devolver
Msg: "Hola Vue",
Rawhtml: "
Linuxhint es Excelente
"Podemos atar el rawhtml variable usando V-HTML Directiva de la siguiente manera.
msg
El div La etiqueta tendrá un pag etiqueta dentro de él.
Atributos Interpolación
En la interpolación HTML sin procesar, no usamos aparatos ortopédicos dobles para unir la variable. Por lo tanto, si queremos unir una variable dentro del atributo HTML, podemos usar el unión a V directiva.
Expresiones
Vue.JS no solo proporciona características para vincular una variable. Vue.JS se puede usar para escribir varios tipos de expresiones dentro de los frenos dobles rizos.
Count + 1controlar ? "verdadero Falso"
arr.clasificar().contrarrestar()
Terminando
En este artículo, presentamos Vue.La sintaxis de plantilla simple pero útil de JS. Sin embargo, hay mucho más que aprender sobre Vue.js. Puede visitar el sitio web oficial de Vue.JS aquí, y puedes seguir aprendiendo sobre JavaScript con Linuxhint.comunicarse.