Κοινή χρήση τεχνολογίας

Σύνταξη οδηγιών σύνταξης προτύπου - 02

2024-07-12

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

//Σύνταξη εντολών:

1. Τι είναι ο προσδιορισμός και τι κάνει;

Η ευθύνη της οδηγίας είναι να εφαρμόζει τα σχετικά αποτελέσματά της στην αποκρινόμενη ενέργεια DOM όταν αλλάζει η τιμή της έκφρασης.

2. Τα ονόματα όλων των εντολών στο πλαίσιο vue ξεκινούν με v-

3. Η παρεμβολή αναγράφεται στην ετικέτα και η οδηγία αναγράφεται

Όλες οι οδηγίες στο πλαίσιο vue υπάρχουν με τη μορφή χαρακτηριστικών της ετικέτας Html.

Για παράδειγμα: <span 指令写 在这 >{</span>{Here is the location of the interpolation syntax}}

Σημείωση: Παρόλο που η οδηγία είναι γραμμένη στη θέση του χαρακτηριστικού της ετικέτας, το πρόγραμμα περιήγησης δεν μπορεί να κατανοήσει αυτήν την εντολή. Πρέπει πρώτα να μεταγλωττιστεί από το πλαίσιο vue.

4. Γραμματικοί κανόνες οδηγιών

Μια μορφή σύνταξης για οδηγίες

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

έκφραση, προηγουμένως σε σύνταξη παρεμβολής { {Τι μπορεί να γραφτεί εδώ}}, τότε αυτό που μπορεί να γραφτεί στην έκφραση στην οδηγία είναι στην πραγματικότητα ακριβώς το ίδιο. Ωστόσο, πρέπει να σημειωθεί ότι το { δεν μπορεί να προστεθεί εκτός της θέσης έκφρασης στην εντολή.{}}

Δεν έχουν όλες οι οδηγίες παραμέτρους και εκφράσεις

Ορισμένες οδηγίες δεν απαιτούν παραμέτρους ή εκφράσεις. Παράδειγμα: v-one

Ορισμένες οδηγίες δεν απαιτούν παραμέτρους, αλλά απαιτούν εκφράσεις, για παράδειγμα: v-if = "έκφραση"

Ορισμένες οδηγίες απαιτούν και παραμέτρους και εκφράσεις Για παράδειγμα: v-bind: parameter = "expression".

  1. v-μία φορά

Λειτουργία: Αποδώστε το στοιχείο μόνο μία φορά και μετά επαναλάβετε την απόδοση του στοιχείου και όλοι οι θυγατρικοί κόμβοι του θα τοποθετηθούν στη στατική μνήμη και θα παραβλεφθούν.

  1. v-if = οδηγία "έκφραση".

Συνάρτηση: Το αποτέλεσμα εκτέλεσης της παράστασης απαιτεί δεδομένα τύπου Boole: true ή false

true: Η ετικέτα όπου βρίσκεται αυτή η οδηγία θα αποδοθεί στο πρόγραμμα περιήγησης.

false: Η ετικέτα στην οποία βρίσκεται αυτή η οδηγία δεν θα αποδοθεί στο πρόγραμμα περιήγησης.

<body>

<div id ='app'>

<h1>{{msg}}</h1/>

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

<h1 v-if="a>b"> δοκιμή:{{msg}}</h1>

</div>

<script>

νέο Vue ({

el : '#app'

δεδομένα(){

msg : 'qwert'

α: "20"

β : '21'

}

})

</scirpt>

</body>