[Vue] Dos tipos de sintaxis de plantilla

Clasificación

Sintaxis de interpolación

https://blog.csdn.net/m0_50939789/article/details/128458565

Sintaxis de comando

1. v-bindEncuadernación unidireccional

   El contenido entre comillas se v-bind:trata como una expresión y se puede vincular un valor entre comillas en cualquier etiqueta.

   <a v-bind:href="url">关于我</a>
   

   const nav_Vue = new Vue({
         
         
      el: '#nav_content', 
       data: {
         
         
           url: "./aboutme.html"
       }
   })
   

   v-vbind:abreviatura:

   <a :href="url">关于我</a>
   

   Aviso:

   1. El contenido entre comillas es una expresión.

   2. Los datos sólo pueden datafluir desde la página, no desde la página haciadata

2. v-modelEncuadernación bidireccional

   Usando valueel valor de la clase de formulario, los datos no solo fluyen de datala página a la página, sino también de la página adata

   v-model: value = "xxx"La abreviatura ya que se utiliza principalmente para valores v-model = "xxx"de clases de formulario.value

La diferencia entre los dos tipos de gramática.

• Sintaxis de interpolación: contenido del cuerpo de la etiqueta
• Sintaxis del comando: atributos de etiqueta