le mie informazioni di contatto
Posta[email protected]
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"
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.
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>