Condivisione della tecnologia

Sintassi della direttiva sulla sintassi del modello - 02

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

//Sintassi dell'istruzione:

1. Cos'è la designazione e a cosa serve?

La responsabilità della direttiva è applicare gli effetti associati all'azione reattiva DOM quando cambia il valore dell'espressione.

2. I nomi di tutte le istruzioni nel framework vue iniziano con v-

3. L'interpolazione è scritta nell'etichetta e l'istruzione è scritta

Tutte le istruzioni nella casella vue esistono sotto forma di attributi del tag Html.

Per esempio: <span 指令写 在这 >{</span>{Ecco la posizione della sintassi dell'interpolazione}}

Nota: sebbene l'istruzione sia scritta nella posizione dell'attributo del tag, il browser non è in grado di comprendere questo comando. È necessario prima compilarlo dal framework vue. Il contenuto compilato può essere visualizzato dal browser.

4. Regole grammaticali delle istruzioni

Un formato di sintassi per le istruzioni

<HTML 标签 v-指令名:参数 = “表达式”></HTML>

espressione, precedentemente nella sintassi di interpolazione { {Cosa può essere scritto qui}}, ciò che può essere scritto nell'espressione dell'istruzione è in realtà esattamente lo stesso. Tuttavia, va notato che { non può essere aggiunto al di fuori della posizione dell'espressione nell'istruzione.{}}

Non tutte le istruzioni hanno parametri ed espressioni

Alcune istruzioni non richiedono parametri o espressioni Esempio: v-once

Alcune istruzioni non richiedono parametri, ma richiedono espressioni, ad esempio: v-if = "espressione"

Alcune istruzioni richiedono sia parametri che espressioni. Ad esempio: v-bind: parametro = "espressione"

  1. direttiva v-once

Funzione: eseguire il rendering dell'elemento solo una volta e quindi eseguirne nuovamente il rendering. L'elemento e tutti i relativi nodi figlio verranno inseriti nella memoria statica e ignorati. Questo può essere utilizzato per ottimizzare le prestazioni dell'aggiornamento.

  1. v-if = direttiva "espressione".

Funzione: il risultato dell'esecuzione dell'espressione richiede dati di tipo booleano: vero o falso

true: il tag in cui si trova questa istruzione verrà visualizzato nel browser.

false: il tag in cui si trova questa direttiva non verrà visualizzato nel browser.

<body>

<div id ='app'>

<h1>{{messaggio}}</h1/>

<h1 v-once>{{messaggio}}</h1>

<h1 v-if="a>b"> test:{{messaggio}}</h1>

</div>

<script>

nuova vista ({

el : '#app'

dati(){

messaggio: 'qwert'

un : ' 20'

numero 21

}

})

</scirpt>

</body>