vue de la gramática básica

------------ ------------ restaurar empieza el contenido

A, introducción vue

marco de JavaScript progresiva

Tres marco frontal: vue reaccionan angualr

Autor: especialmente la lluvia el río facebook empresa Google

Documento: China

 

Dos, Node.js

1, el sitio web oficial para descargar

2. Abra un cmd de terminal: pantallas de nodo -v el número de versión de la instalación es correcta

3, paquete de descarga viene con el nodo PIP3 instalación completa y el administrador de la NGP de la misma python3

4, utilizando NPM

El primer paso: Para inicializar los elementos de la NGP: NGP init generar automáticamente un archivo package.json --yes

5, la NGP instalar número de versión @ vue (sin el número de versión de la versión más reciente) - Guardar

　  NPM instalar jQuery --save

 

Tres, vue de uso

1, el grupo de cabeza

< Secuencia de comandos de tipo = "text / javascript" src = "./ node_modules / vue / dist / vue.js" > </ escritura >

2, crear una instancia de un objeto

Vue nueva nueva ({ 
            EL: "#app", // destino, donde el papel de 
            Datos: { 
                // atributo de datos 
                // Ver conductor de datos 
                MSG: "Hola VUE" 
            } 
        });

3, {}: plantilla Interpolación sintaxis

{{}} Variable

{{1 + 1}}

{{'Hola'}}

{} {} La función se llama

{{1 == 1 'verdadera' :? 'Falso'}}

4, la instrucción: 

1), V-texto equivalente a {{}} El principio: innerText

2), el principio de aplicación v_html: innerHtml

3), v-si las condiciones "reales" de representación, ya que se asegurará de que el evento en el oyente bloque de estado de conexión y subconjuntos correctamente destruido y reconstruido, pero también es inerte, si las condiciones cuando el falso inicial representación , luego no hacer nada hasta que la condición se convierte en realidad la primera vez, comenzará a prestar bloque condicional

4), v-espectáculo, sin importar las condiciones iniciales, los elementos siempre serán prestados, y simplemente conmutador basado en CSS, así que si necesitas conmutación muy frecuentes, utilice el v-espectáculo, si las condiciones de funcionamiento con pocos cambios, usando el v-si